Fixing Broken Scrolling in Full Screen Dilouge Box

mui · Sep 5, 2024 · 285afa8 · 285afa8
1 parent 2ad38e3
commit 285afa8
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/mui-material/src/Dialog/Dialog.js b/packages/mui-material/src/Dialog/Dialog.js
@@ -118,6 +118,7 @@ const DialogPaper = styled(Paper, {
   memoTheme(({ theme }) => ({
     margin: 32,
     position: 'relative',
+    overflow: 'auto', // Ensure scrolling by default
     '@media print': {
       overflowY: 'visible',
       boxShadow: 'none',
@@ -192,10 +193,12 @@ const DialogPaper = styled(Paper, {
           maxWidth: '100%',
           height: '100%',
           maxHeight: 'none',
+          overflow: 'auto', // Fix: Add scrolling for full-screen dialog
           borderRadius: 0,
           [`&.${dialogClasses.paperScrollBody}`]: {
             margin: 0,
             maxWidth: '100%',
+            overflow: 'auto', // Fix: Ensure overflow is handled properly
           },
         },
       },