disable mobile scroll always for feds popup

adobecom · Jan 13, 2025 · 9ed6994 · 9ed6994
1 parent 5755250
commit 9ed6994
Showing 1 changed file with 20 additions and 17 deletions.
diff --git a/libs/blocks/global-navigation/utilities/utilities.js b/libs/blocks/global-navigation/utilities/utilities.js
@@ -313,11 +313,30 @@ export function closeAllDropdowns({ type } = {}) {
   if (isDesktop.matches) setCurtainState(false);
 }
 
+export const disableMobileScroll = () => {
+  if (!PERSONALIZATION_TAGS.safari()) return;
+  document.body.style.top = `-${window.scrollY}px`;
+  document.body.classList.add('disable-ios-scroll');
+};
+
+export const enableMobileScroll = () => {
+  if (!PERSONALIZATION_TAGS.safari()) return;
+  if (!document.body.style.top) return;
+  const y = Math.abs(parseInt(document.body.style.top, 10));
+  if (Number.isNaN(y)) return;
+  document.body.classList.remove('disable-ios-scroll');
+  document.body.style.removeProperty('top');
+  window.scroll(0, y || 0, { behavior: 'instant' });
+};
+
 export function trigger({ element, event, type } = {}) {
   if (event) event.preventDefault();
   const isOpen = element?.getAttribute('aria-expanded') === 'true';
   closeAllDropdowns({ type });
-  if (isOpen) return false;
+  if (isOpen) {
+    if (!isDesktop.matches) disableMobileScroll();
+    return false;
+  }
   element.setAttribute('aria-expanded', 'true');
   return true;
 }
@@ -414,22 +433,6 @@ export const closeAllTabs = (tabs, tabpanels) => {
   tabs.forEach((t) => t.setAttribute('aria-selected', 'false'));
 };
 
-export const disableMobileScroll = () => {
-  if (!PERSONALIZATION_TAGS.safari()) return;
-  document.body.style.top = `-${window.scrollY}px`;
-  document.body.classList.add('disable-ios-scroll');
-};
-
-export const enableMobileScroll = () => {
-  if (!PERSONALIZATION_TAGS.safari()) return;
-  if (!document.body.style.top) return;
-  const y = Math.abs(parseInt(document.body.style.top, 10));
-  if (Number.isNaN(y)) return;
-  document.body.classList.remove('disable-ios-scroll');
-  document.body.style.removeProperty('top');
-  window.scroll(0, y || 0, { behavior: 'instant' });
-};
-
 export const transformTemplateToMobile = async (popup, item, localnav = false) => {
   const notMegaMenu = popup.parentElement.tagName === 'DIV';
   const originalContent = popup.innerHTML;