feat(tooltip): Disable point events on all tooltips to prevent underl…

…ying elements from being blocked. (#183)
y-scope · Feb 20, 2025 · 773629c · 773629c
1 parent 0e64e3a
commit 773629c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/components/StatusBar/LogLevelSelect/index.css b/src/components/StatusBar/LogLevelSelect/index.css
@@ -23,9 +23,3 @@
 .log-level-select-listbox {
     max-height: calc(100vh - var(--ylv-menu-bar-height) - var(--ylv-status-bar-height)) !important;
 }
-
-.log-level-select-option-text-tooltip {
-    /* Disable pointer events to prevent tooltips from blocking interaction with underlying
-      elements. */
-    pointer-events: none;
-}
diff --git a/src/components/StatusBar/LogLevelSelect/index.tsx b/src/components/StatusBar/LogLevelSelect/index.tsx
@@ -104,7 +104,6 @@ const LogSelectOption = ({
             </ListItemDecorator>
             <Tooltip
                 placement={"left"}
-                slotProps={{root: {className: "log-level-select-option-text-tooltip"}}}
                 title={
                     <Stack
                         alignItems={"center"}

diff --git a/src/components/theme.tsx b/src/components/theme.tsx
@@ -60,6 +60,11 @@ const APP_THEME = extendTheme({
                 arrow: true,
                 variant: "outlined",
             },
+            styleOverrides: {
+                root: {
+                    pointerEvents: "none",
+                },
+            },
         },
     },
     fontFamily: {