Removing localnav wrapper if localnav fails to render

adobecom · Jan 13, 2025 · fe99f90 · fe99f90
1 parent 578fbd7
commit fe99f90
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/libs/blocks/global-navigation/global-navigation.js b/libs/blocks/global-navigation/global-navigation.js
@@ -402,13 +402,19 @@ class Gnav {
     `;
   };
 
+  removeLocalNav = () => {
+    lanaLog({ message: 'Gnav Localnav was removed, potential CLS' });
+    document.querySelector('.feds-localnav')?.remove();
+    return;
+  }
+
   decorateLocalNav = async () => {
-    if (!this.isLocalNav()) return;
+    if (this.isLocalNav()) this.removeLocalNav();
     const localNavItems = this.elements.navWrapper.querySelector('.feds-nav').querySelectorAll('.feds-navItem:not(.feds-navItem--section, .feds-navItem--mobile-only)');
     const firstElem = localNavItems[0]?.querySelector('a') || localNavItems[0]?.querySelector('button');
     if (!firstElem) {
       lanaLog({ message: 'GNAV: Incorrect authoring of localnav found.', tags: 'errorType=info,module=gnav' });
-      return;
+      this.removeLocalNav();
     }
     const [title, navTitle = ''] = this.getOriginalTitle(firstElem);
     let localNav = document.querySelector('.feds-localnav');