fix: config MUI Popover for tailwind

per https://mui.com/material-ui/guides/interoperability/#setup
davidhorm · Mar 11, 2023 · 96f0865 · 96f0865
1 parent 5efad88
commit 96f0865
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/components/ServiceProvider/StyleProvider.tsx b/src/components/ServiceProvider/StyleProvider.tsx
@@ -6,7 +6,21 @@ import {
   createTheme,
 } from "@mui/material/styles";
 
-const theme = createTheme();
+const rootElement = document.getElementById("root");
+const theme = createTheme({
+  components: {
+    MuiPopover: {
+      defaultProps: {
+        container: rootElement,
+      },
+    },
+    MuiPopper: {
+      defaultProps: {
+        container: rootElement,
+      },
+    },
+  },
+});
 
 export const StyleProvider = ({ children }: PropsWithChildren<object>) => (
   <StyledEngineProvider injectFirst>