Move dialog scroll fix to theme config to apply it everywhere

This fix can be removed after a new patch of Material UI with mui/material-ui#43626 is released.
viliket · Sep 8, 2024 · 7dd5cc7 · 7dd5cc7
1 parent 22139fb
commit 7dd5cc7
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/src/components/StationAndTrainSearch.tsx b/src/components/StationAndTrainSearch.tsx
@@ -132,12 +132,6 @@ export default function StationAndTrainSearch() {
         open={open}
         onClose={handleClose}
         TransitionComponent={SlideUpTransition}
-        PaperProps={{
-          sx: {
-            // Temporary fix until new patch of MUI is released with https://github.com/mui/material-ui/pull/43626
-            overflowY: 'auto',
-          },
-        }}
       >
         <AppBar position="fixed" elevation={0}>
           <Toolbar>

diff --git a/src/theme.ts b/src/theme.ts
@@ -116,6 +116,23 @@ const baseTheme: CssVarsThemeOptions = {
         },
       },
     },
+    MuiDialog: {
+      styleOverrides: {
+        root: {
+          variants: [
+            {
+              props: { scroll: 'paper' },
+              style: {
+                '& .MuiPaper-root': {
+                  // Temporary fix until new patch of MUI is released with https://github.com/mui/material-ui/pull/43626
+                  overflowY: 'auto',
+                },
+              },
+            },
+          ],
+        },
+      },
+    },
   },
 };