Changed: Issue 2147 - Tabs script updated for EMBL People tabs stru…

…cture (#2156)
visual-framework · Nov 4, 2024 · 69cbcb2 · 69cbcb2
1 parent 6bc828e
commit 69cbcb2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/vf-tabs/CHANGELOG.md b/components/vf-tabs/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 2.1.7
+
+* Updated: Tabs script code updated to accommodate 'EMBL People' tabs HTML structure [Tracking issue](https://github.com/visual-framework/vf-core/issues/2147)
+
 ### 2.1.6
 
 * Added : React support for Tabs [Tracking issue](https://github.com/visual-framework/vf-core/issues/2089)

diff --git a/components/vf-tabs/vf-tabs.js b/components/vf-tabs/vf-tabs.js
@@ -119,7 +119,7 @@ const vfTabsSwitch = newTab => {
 
   // get the parent ul of the clicked tab
   let parentTabSet = newTab.closest(".vf-tabs");
-  let parentPanelSet = parentTabSet.nextElementSibling;
+  let parentPanelSet = parentTabSet.nextElementSibling || newTab.closest(".vf-tabs__list").nextElementSibling;
   let tabs = parentTabSet.querySelectorAll("[data-vf-js-tabs] .vf-tabs__link");
   let panels = parentPanelSet.querySelectorAll(
     "[data-vf-js-tabs-content] [id^='vf-tabs__section']"