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

themes/grav/app/forms/fields/collections.js

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

themes/grav/app/forms/form.js

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