MC-35475: Wrong design for Admin Customer Edit Page on Safari browser

Author: StasKozar

app/code/Magento/Catalog/view/adminhtml/templates/catalog/product/composite/configure.phtml

@@ -7,7 +7,7 @@
 /** @var \Magento\Framework\View\Helper\SecureHtmlRenderer $secureRenderer */
 $blockId = $block->getId();
 ?>
-<div id="product_composite_configure" class="product-configure-popup-<?= $block->escapeHtmlAttr($blockId) ?>">
+<div id="product_composite_configure" class="product-configure-popup product-configure-popup-<?= $block->escapeHtmlAttr($blockId) ?>">
     <iframe name="product_composite_configure_iframe" id="product_composite_configure_iframe"></iframe>
     <?= /* @noEscape */ $secureRenderer->renderEventListenerAsTag(
         'onload',
@@ -39,31 +39,26 @@ $blockId = $block->getId();
     <div id="product_composite_configure_confirmed" class="product_composite_configure_confirmed"></div>
 
     <?php $scriptString = <<<script
-        prodCompConfIframe = document.querySelectorAll("iframe[name='product_composite_configure_iframe']");
-        for (var i = 0; i < prodCompConfIframe.length; i++) {
-            prodCompConfIframe[i].style.width = 0;
-            prodCompConfIframe[i].style.height = 0;
-            prodCompConfIframe[i].style.border = "0px solid #fff";
-            prodCompConfIframe[i].style.position = "absolute";
-            prodCompConfIframe[i].style.top = "-1000px";
-            prodCompConfIframe[i].style.left = "-1000px";
-        }
-        prodCompConfMessages = document.querySelectorAll(".product_composite_configure_messages");
-        for (var i = 0; i < prodCompConfMessages.length; i++) {
-            prodCompConfMessages[i].style.display = "none";
-        }
-        prodCompConfFormAdd = document.querySelectorAll(".product_composite_configure_form_additional");
-        for (var i = 0; i < prodCompConfFormAdd.length; i++) {
-            prodCompConfFormAdd[i].style.display = "none";
-        }
-        prodCompConfFormConf = document.querySelectorAll(".product_composite_configure_form_confirmed");
-        for (var i = 0; i < prodCompConfFormConf.length; i++) {
-            prodCompConfFormConf[i].style.display = "none";
-        }
-        prodCompConfConf = document.querySelectorAll(".product_composite_configure_confirmed");
-        for (var i = 0; i < prodCompConfConf.length; i++) {
-            prodCompConfConf[i].style.display = "none";
-        }
+        prodCompConfIframe = document.querySelector(".product-configure-popup-$blockId iframe[name='product_composite_configure_iframe']");
+        prodCompConfIframe.style.width = 0;
+        prodCompConfIframe.style.height = 0;
+        prodCompConfIframe.style.border = "0px solid #fff";
+        prodCompConfIframe.style.position = "absolute";
+        prodCompConfIframe.style.top = "-1000px";
+        prodCompConfIframe.style.left = "-1000px";
+
+        prodCompConfMessages = document.querySelector(".product-configure-popup-$blockId .product_composite_configure_messages");
+        prodCompConfMessages.style.display = "none";
+
+        prodCompConfFormAdd = document.querySelector(".product-configure-popup-$blockId .product_composite_configure_form_additional");
+        prodCompConfFormAdd.style.display = "none";
+
+        prodCompConfFormConf = document.querySelector(".product-configure-popup-$blockId .product_composite_configure_form_confirmed");
+        prodCompConfFormConf.style.display = "none";
+
+        prodCompConfConf = document.querySelector(".product-configure-popup-$blockId .product_composite_configure_confirmed");
+        prodCompConfConf.style.display = "none";
+
         prodConfPopup = document.querySelector(".product-configure-popup-$blockId");
         prodConfPopup.style.display = "none";