From f50bf60f781b5aa117761fa5953be5e2e79b0bfa Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Thu, 23 Jul 2026 15:37:33 -0700
Subject: [PATCH] [eric] browser: don't auto-focus/re-center on resize, tab
 add/close, or tab drag

---
 frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx         | 1 +
 .../Dashboard/hooks/interaction/useDashboardInteractions.ts    | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx b/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
index e821a4dd..3af836d5 100644
--- a/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
+++ b/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
@@ -1004,6 +1004,7 @@ const BrowserCard: React.FC<Props> = ({
           />
         </Box>
         <Box
+          data-card-control
           sx={{
             display: 'flex',
             flex: 1,
diff --git a/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts b/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts
index 3c40bf23..b4744152 100644
--- a/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts
+++ b/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts
@@ -30,6 +30,9 @@ function pressLandedOnControl(target: EventTarget | null | undefined): boolean {
   while (el) {
     if (el.hasAttribute(SELECT_ATTR)) return false;
     if (CONTROL_TAGS.has(el.tagName) || el.isContentEditable || el.getAttribute('role') === 'button') return true;
+    // Card-chrome zones (browser tab strip + / x / tab-drag, resize handles) select+raise the card but
+    // must NOT re-center the camera on it, managing a card's frame or tabs is not a "focus this" gesture.
+    if (el.hasAttribute('data-card-control') || (el.classList && el.classList.contains('resize-handle'))) return true;
     el = el.parentElement;
   }
   return false;