From 12383b22259b901f556f9dc3d7e483390880ca35 Mon Sep 17 00:00:00 2001
From: ang3l12 <me@spencermcguire.com>
Date: Tue, 28 Jul 2026 10:22:13 -0600
Subject: [PATCH] Fix dev user switcher tooltip covering dropdown options

The MUI Tooltip stayed anchored while the Select menu was open (the select
keeps focus) and overlapped the first user options. Use a native title
attribute instead, which browsers suppress while the popup is open.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/components/Layout.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index adc9221..37cf9af 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -43,8 +43,10 @@ const DEV_USERS = [
 ];
 
 function DevUserSwitcher() {
+  // Native title (not a MUI Tooltip): a Tooltip stays anchored while the
+  // dropdown is open and covers the first menu items.
   return (
-    <Tooltip title="AUTH_MODE=dev — switch the simulated user">
+    <Box component="span" title="AUTH_MODE=dev — switch the simulated user">
       <Select
         size="small"
         value={getDevUser()}
@@ -66,7 +68,7 @@ function DevUserSwitcher() {
           </MenuItem>
         ))}
       </Select>
-    </Tooltip>
+    </Box>
   );
 }