Call addActiveFormAttribute only after applying JS templates.

Call addActiveFormAttribute only after applying JS templates to properly initialize all JS widgets, including nested MultipleInputs. Otherwise, trying to get the settings of an embedded widget will result in a JS error because the widget itself has not yet been initialized.

Author: unclead

CHANGELOG.md

@@ -5,6 +5,7 @@ Yii2 multiple input change log
 =======================
 - fix addind active form fields doesn't work properly in case of 10 rows and more (unclead)
 - revert changes in normalize method because it affected ajax validation
+- fix addind active form fields in nested columns (unclead) 
 
 2.28.0
 =======================

src/assets/src/js/jquery.multipleInput.js

@@ -371,15 +371,6 @@
             $newRow.hide().appendTo(inputList).fadeIn(300);
         }
 
-        // in order to initialize an active form attribute we need to find an input wrapper and we can do it
-        // only after adding a new rows to dom tree
-        if (isActiveFormEnabled) {
-            $newRow.find('input, select, textarea').each(function (index, element) {
-                let $element = $(element);
-                addActiveFormAttribute($element);
-            });
-        }
-
         let jsTemplate = null;
         for (var i in settings.jsTemplates) {
             jsTemplate = settings.jsTemplates[i];
@@ -389,6 +380,15 @@
             window.eval(jsTemplate);
         }
 
+        // in order to initialize an active form attribute we need to find an input wrapper and we can do it
+        // only after adding a new rows to dom tree
+        if (isActiveFormEnabled) {
+            $newRow.find('input, select, textarea').each(function (index, element) {
+                let $element = $(element);
+                addActiveFormAttribute($element);
+            });
+        }
+
         $wrapper.data('multipleInput').currentIndex = newRowIndex;
 
         var afterAddEvent = $.Event(events.afterAddRow);