fix(Tabs): incorrect line size after changing tabs direction

issue - #1435
consta-design-system · Aug 25, 2021 · ee6616d · ee6616d
1 parent 10539c3
commit ee6616d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
@@ -131,12 +131,12 @@ export const Tabs: Tabs = React.forwardRef((props, ref) => {
     multiple: false,
   });
 
+  const tabsDirection = getTabsDirection(linePosition);
+  const isVertical = tabsDirection === 'vertical';
   const tabRefs = useMemo(
     () => new Array(items.length).fill(null).map(() => createRef<HTMLDivElement>()),
-    [items, fitMode],
+    [items, fitMode, isVertical],
   );
-  const tabsDirection = getTabsDirection(linePosition);
-  const isVertical = tabsDirection === 'vertical';
   const tabsDimensions = useResizeObserved(
     tabRefs,
     (el): TabDimensions => ({