fix resource tab scroll

TheodoreSpeaks · TheodoreSpeaks · commit 7e8833a184f8 · 2026-04-14T15:48:10.000-07:00
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tabs.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tabs.tsx
@@ -185,8 +185,12 @@ export function ResourceTabs({
     if (!node || !activeId) return
     const tab = node.querySelector<HTMLElement>(`[data-resource-tab-id="${CSS.escape(activeId)}"]`)
     if (!tab) return
-    const tabLeft = tab.offsetLeft
-    const tabRight = tabLeft + tab.offsetWidth
+    // Use bounding rects because the tab's offsetParent is a `position: relative`
+    // wrapper, so `offsetLeft` is relative to that wrapper rather than `node`.
+    const tabRect = tab.getBoundingClientRect()
+    const nodeRect = node.getBoundingClientRect()
+    const tabLeft = tabRect.left - nodeRect.left + node.scrollLeft
+    const tabRight = tabLeft + tabRect.width
     const viewLeft = node.scrollLeft
     const viewRight = viewLeft + node.clientWidth
     if (tabLeft < viewLeft) {
