Merge remote-tracking branch 'goinc/MAGETWO-50875' into pr-539

Author: duhon

app/code/Magento/ConfigurableProduct/view/adminhtml/templates/catalog/product/edit/super/wizard.phtml

@@ -60,7 +60,8 @@ $currencySymbol = $block->getCurrencySymbol();
     }
 </script>
 <script>
-    require(['jquery'], function ($) {
+    require(['jquery', 'mage/apply/main'], function ($, main) {
+        main.apply();
         $('.<?= /* @noEscape */ $block->getData('config/dataScope') ?>[data-role=step-wizard-dialog]').applyBindings();
         $('.<?= /* @noEscape */ $block->getData('config/dataScope') ?>[data-role=product-variations-matrix]').applyBindings();
     })

app/code/Magento/Ui/view/base/web/js/lib/knockout/bindings/bind-html.js

@@ -39,7 +39,7 @@ define([
     function applyComponents(el, ctx) {
         ko.utils.arrayForEach(el.childNodes, ko.cleanNode);
         ko.applyBindingsToDescendants(ctx, el);
-        mage.apply();
+        mage.apply(el);
     }
 
     ko.bindingHandlers.bindHtml = {

lib/web/mage/apply/main.js

@@ -56,12 +56,14 @@ define([
         /**
          * Initializes components assigned to HTML elements via [data-mage-init].
          *
+         * @param {HTMLElement} context - Element of context to search
          * @example Sample 'data-mage-init' declaration.
          *      data-mage-init='{"path/to/component": {"foo": "bar"}}'
          */
-        apply: function () {
-            var virtuals = processScripts(),
-                nodes = document.querySelectorAll(nodeSelector);
+        apply: function (context) {
+            var el = _.isElement(context) ? context : document,
+                virtuals = processScripts(el),
+                nodes = el.querySelectorAll(nodeSelector);
 
             _.toArray(nodes)
                 .map(getData)

lib/web/mage/apply/scripts.js

@@ -91,6 +91,7 @@ define([
      * to a 'data-mage-init' attribute of an elemennt found by provided selector.
      * Note: All found script nodes will be removed from DOM.
      *
+     * @param {HTMLElement} context - Element of context to search
      * @returns {Array} An array of components not assigned to the specific element.
      *
      * @example Sample declaration.
@@ -109,8 +110,9 @@ define([
      *          }
      *      }
      */
-    return function () {
-        var nodes = document.querySelectorAll(scriptSelector);
+    return function (context) {
+        var el = _.isElement(context) ? context : document,
+            nodes = el.querySelectorAll(scriptSelector);
 
         _.toArray(nodes)
             .map(getNodeData)