From 1018a6d89157285335b54716becfa4963522342e Mon Sep 17 00:00:00 2001
From: Mira <myrosvas@gmail.com>
Date: Fri, 15 Mar 2024 12:24:17 +0100
Subject: [PATCH] fixed CSS selector commerce-frame section and fragment

---
 libs/blocks/merch/merch.css      | 1 +
 libs/blocks/modal/modal.css      | 6 ++++--
 libs/blocks/modal/modal.merch.js | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/libs/blocks/merch/merch.css b/libs/blocks/merch/merch.css
index 85ec28055a..61d212bda0 100644
--- a/libs/blocks/merch/merch.css
+++ b/libs/blocks/merch/merch.css
@@ -59,6 +59,7 @@ a[is='checkout-link'] > span {
 }
 
 #checkout-link-modal iframe {
+  height: 100%;
   flex: 1;
 }
 
diff --git a/libs/blocks/modal/modal.css b/libs/blocks/modal/modal.css
index ecd7e3414f..168e62fea5 100644
--- a/libs/blocks/modal/modal.css
+++ b/libs/blocks/modal/modal.css
@@ -200,7 +200,8 @@
   }
 
   .dialog-modal.commerce-frame > .fragment,
-  .dialog-modal.commerce-frame > .section {
+  .dialog-modal.commerce-frame > .section,
+  .dialog-modal.commerce-frame > .fragment > .section {
     height: 100vh;
   }
 }
@@ -221,7 +222,8 @@
   }
 
   .dialog-modal.commerce-frame > .fragment,
-  .dialog-modal.commerce-frame > .section {
+  .dialog-modal.commerce-frame > .section,
+  .dialog-modal.commerce-frame > .fragment > .section {
     height: 100%;
   }
 
diff --git a/libs/blocks/modal/modal.merch.js b/libs/blocks/modal/modal.merch.js
index a49c1de1a6..73370194be 100644
--- a/libs/blocks/modal/modal.merch.js
+++ b/libs/blocks/modal/modal.merch.js
@@ -60,7 +60,7 @@ export function adjustStyles({ dialog, iframe }) {
   if (isAutoHeightAdjustment) {
     dialog.classList.add('height-fit-content');
   } else {
-    iframe.style.height = '100vh';
+    iframe.style.height = '100%';
   }
 }