increase zIndex of modal sidebar to fix resize bug

voxel51 · Sep 27, 2024 · 20adb47 · 20adb47
1 parent 81037fa
commit 20adb47
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/app/packages/core/src/components/Sidebar/Sidebar.tsx b/app/packages/core/src/components/Sidebar/Sidebar.tsx
@@ -11,6 +11,7 @@ import SchemaSettings from "../Schema/SchemaSettings";
 import { Filter } from "./Entries";
 import style from "./Sidebar.module.css";
 import ViewSelection from "./ViewSelection";
+import { useTheme as useMUITheme } from "@mui/material";
 
 const MARGIN = 3;
 
@@ -693,6 +694,7 @@ const InteractiveSidebar = ({
  () => new ResizeObserver(placeItems)
  );
  const theme = useTheme();
+ const muiTheme = useMUITheme();
 
  return shown ? (
  <Resizable
@@ -705,7 +707,10 @@ const InteractiveSidebar = ({
  setWidth(width + delta);
  }}
  onResizeReset={resetWidth}
- style={{ borderTopRightRadius: 8 }}
+ style={{
+ borderTopRightRadius: 8,
+ zIndex: modal ? muiTheme.zIndex.tooltip + 1 : undefined,
+ }}
  >
  <SchemaSettings />
  {!modal && (