Fixed issue when using dynamic elements

magento · Sep 11, 2020 · 7d6f8bb · 7d6f8bb
1 parent ee32160
commit 7d6f8bb
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/lib/internal/Magento/Framework/View/Helper/SecureHtmlRenderer.php b/lib/internal/Magento/Framework/View/Helper/SecureHtmlRenderer.php
@@ -111,16 +111,21 @@ public function renderEventListenerAsTag(
             function {$listenerFunction} () {
                 {$attributeJavascript};
             }
-            var {$elementName} = document.querySelector("{$elementSelector}");
-            if ({$elementName}) {
-                {$elementName}.{$eventName} = function (event) {
-                    var targetElement = {$elementName};
-                    if (event && event.target) {
-                        targetElement = event.target;
+            var {$elementName}Array = document.querySelectorAll("{$elementSelector}");
+
+            {$elementName}Array.forEach(function(element){
+                if (element) {
+                    element.{$eventName} = function (event) {
+                        var targetElement = element;
+                        if (event && event.target) {
+                            targetElement = event.target;
+                        }
+                        {$listenerFunction}.apply(targetElement);
                     }
-                    {$listenerFunction}.apply(targetElement);
                 }
-            }
+            });
+
+            
 script;
 
         return $this->renderTag('script', ['type' => 'text/javascript'], $script, false);