trying position: absolute f=to prevent scrolling on iOS

adobecom · Jan 6, 2025 · 6a940c1 · 6a940c1
1 parent b388c48
commit 6a940c1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/libs/blocks/global-navigation/global-navigation.css b/libs/blocks/global-navigation/global-navigation.css
@@ -1180,7 +1180,7 @@ header.new-nav .feds-breadcrumbs li:first-child:not(:nth-last-child(-n+3)):after
 
 .feds-localnav.feds-localnav--active .feds-localnav-curtain {
   width: 100%;
-  height: calc(101lvh - (var(--feds-height-nav) + var(--feds-localnav-height)));
+  height: 101lvh;
   padding-bottom: env(safe-area-inset-bottom);
   background: var(--feds-color-black-v2);
   opacity: 0.7;

diff --git a/libs/styles/styles.css b/libs/styles/styles.css
@@ -766,6 +766,8 @@ header.global-navigation + .feds-localnav {
 
 .disable-scroll {
   overflow: hidden;
+  /* for iOS Safari */
+  position: absolute;
 }
 
 h1, h2, h3, h4, h5, h6 {