Fixed issue with toggleables when in a list (fixes #451)

This commit is contained in:
Djamil Legato
2016-03-14 17:34:49 -07:00
parent a5e64e7724
commit bc0418b71c
3 changed files with 6 additions and 11 deletions

View File

@@ -38,13 +38,9 @@ export default class CollectionsField {
list.find('> [data-collection-holder]').append(template); list.find('> [data-collection-holder]').append(template);
this.reindex(list); this.reindex(list);
// button.data('key-index', keyIndex + 1);
// process markdown editors // refresh toggleables in a list
/* var field = template.find('[name]').filter('textarea'); $('[data-grav-field="toggleable"] input[type="checkbox"]').trigger('change');
if (field.length && field.data('grav-mdeditor') && typeof MDEditors !== 'undefined') {
MDEditors.add(field);
}*/
} }
removeItem(event) { removeItem(event) {
@@ -65,7 +61,7 @@ export default class CollectionsField {
item = $(item); item = $(item);
item.attr('data-collection-key', index); item.attr('data-collection-key', index);
['name', 'data-grav-field-name', 'id', 'for'].forEach((prop) => { ['name', 'data-grav-field-name', 'for', 'id'].forEach((prop) => {
item.find('[' + prop + ']').each(function() { item.find('[' + prop + ']').each(function() {
let element = $(this); let element = $(this);
let indexes = []; let indexes = [];

View File

@@ -52,7 +52,7 @@ export default class Form {
this.form.on('change', query, (event) => { this.form.on('change', query, (event) => {
let toggle = $(event.target); let toggle = $(event.target);
let enabled = toggle.is(':checked'); let enabled = toggle.is(':checked');
let parent = toggle.parents('.form-field'); let parent = toggle.closest('.form-field');
let label = parent.find('label.toggleable'); let label = parent.find('label.toggleable');
let fields = parent.find('.form-data'); let fields = parent.find('.form-data');
let inputs = fields.find('input, select, textarea'); let inputs = fields.find('input, select, textarea');
@@ -82,8 +82,7 @@ export default class Form {
}); });
this.form.on('mousedown', query.join(', '), (event) => { this.form.on('mousedown', query.join(', '), (event) => {
let target = $(event.target); let input = $(event.target);
let input = target;
let isFor = input.prop('for'); let isFor = input.prop('for');
let isSelectize = (input.hasClass('selectize-control') || input.parents('.selectize-control')).length; let isSelectize = (input.hasClass('selectize-control') || input.parents('.selectize-control')).length;

File diff suppressed because one or more lines are too long