[MWPW-136406] Tabs block enhancement: deep linking (#2652)

* query param for focused tab * addressed feedback
adobecom · Aug 5, 2024 · 6a1f89b · 6a1f89b
1 parent 11664e1
commit 6a1f89b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/libs/blocks/tabs/tabs.js b/libs/blocks/tabs/tabs.js
@@ -68,6 +68,11 @@ function configTabs(config, rootElem) {
     const sel = rootElem.querySelector(id);
     if (sel) sel.click();
   }
+  const tabParam = new URLSearchParams(window.location.search).get('tab');
+  if (!tabParam) return;
+  const dashIndex = tabParam.lastIndexOf('-');
+  const [tabsId, tabIndex] = [tabParam.substring(0, dashIndex), tabParam.substring(dashIndex + 1)];
+  if (tabsId === config.id) rootElem.querySelector(`#tab-${config.id}-${tabIndex}`)?.click();
 }
 
 function initTabs(elm, config, rootElem) {