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

@@ -5,8 +5,9 @@
  */
 
 /** @var \Magento\Framework\View\Helper\SecureHtmlRenderer $secureRenderer */
+$blockId = $block->getId();
 ?>
-<div id="product_composite_configure" class="product-configure-popup">
+<div id="product_composite_configure" class="product-configure-popup-<?= $blockId ?>">
     <iframe name="product_composite_configure_iframe" id="product_composite_configure_iframe"></iframe>
     <?= /* @noEscape */ $secureRenderer->renderEventListenerAsTag(
         'onload',
@@ -31,7 +32,7 @@
     </form>
     <?= /* @noEscape */ $secureRenderer->renderEventListenerAsTag(
         'onsubmit',
-        "productConfigure.onConfirmBtn();event.preventDefault()",
+        'productConfigure.onConfirmBtn();event.preventDefault()',
         '.product_composite_configure_form:last-of-type'
     ) ?>
 
@@ -40,7 +41,12 @@
     <?php $scriptString = <<<script
         prodCompConfIframe = document.querySelectorAll("iframe[name='product_composite_configure_iframe']");
         for (var i = 0; i < prodCompConfIframe.length; i++) {
-            prodCompConfIframe[i].style.display = "none";
+            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++) {
@@ -58,10 +64,8 @@
         for (var i = 0; i < prodCompConfConf.length; i++) {
             prodCompConfConf[i].style.display = "none";
         }
-        prodConfPopup = document.querySelectorAll(".product-configure-popup");
-        for (var i = 0; i < prodConfPopup.length; i++) {
-            prodConfPopup[i].style.display = "none";
-        }
+        prodConfPopup = document.querySelector(".product-configure-popup-$blockId");
+        prodConfPopup.style.display = "none";
 
         require([
             "jquery",