do not scroll if the selected tab is on the first page

blockscout · Sep 5, 2024 · 8b785e6 · 8b785e6
1 parent ff15c87
commit 8b785e6
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/ui/shared/Tabs/useScrollToActiveTab.tsx b/ui/shared/Tabs/useScrollToActiveTab.tsx
@@ -19,12 +19,20 @@ export default function useScrollToActiveTab({ activeTabIndex, tabsRefs, listRef
         const activeTabRef = tabsRefs[activeTabIndex];
 
         if (activeTabRef.current && listRef.current) {
+          const containerWidth = listRef.current.getBoundingClientRect().width;
+          const activeTabWidth = activeTabRef.current.getBoundingClientRect().width;
           const left = tabsRefs.slice(0, activeTabIndex)
             .map((tab) => tab.current?.getBoundingClientRect())
             .filter(Boolean)
             .map((rect) => rect.width)
             .reduce((result, item) => result + item, 0);
 
+          const isWithinFirstPage = containerWidth > left + activeTabWidth;
+
+          if (isWithinFirstPage) {
+            return;
+          }
+
           listRef.current.scrollTo({
             left,
             behavior: 'smooth',