fix(tabs): ellipsis should only be applied with vertical variant (#17004

)
carbon-design-system · Jul 19, 2024 · 6c4a25e · 6c4a25e
1 parent b4a89ef
commit 6c4a25e
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/react/src/components/Tabs/Tabs.tsx b/packages/react/src/components/Tabs/Tabs.tsx
@@ -1217,10 +1217,12 @@ const Tab = forwardRef<HTMLElement, TabProps>(function Tab(
   useLayoutEffect(() => {
     function handler() {
       const elementTabId = document.getElementById(`${id}`) || tabRef.current;
-      const newElement = elementTabId?.getElementsByClassName(
-        `${prefix}--tabs__nav-item-label`
-      )[0];
-      isEllipsisActive(newElement);
+      if (elementTabId?.closest(`.${prefix}--tabs--vertical`)) {
+        const newElement = elementTabId?.getElementsByClassName(
+          `${prefix}--tabs__nav-item-label`
+        )[0];
+        isEllipsisActive(newElement);
+      }
     }
     handler();
     window.addEventListener('resize', handler);