fix(PermissionDialog): Show overflow icon on iOS

MUI adds a `-webkit-overflow-scrolling` property to manage scrolling on iOS. This is act as a counter-effect to `overflow-y: visible` of the parent to display the icon beyond the modal.
cozy · Jul 10, 2024 · f9f6073 · f9f6073
1 parent 6dd61b4
commit f9f6073
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js b/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js
@@ -456,7 +456,10 @@ export const makeLightNormalOverrides = theme => ({
         }
       },
       '&.overflow': {
-        overflowY: 'visible !important' // Allow the icon to overflow the dialog, otherwise it will be cut off
+        overflowY: 'visible !important', // Allow the icon to overflow the dialog, otherwise it will be cut off,
+        '& .cozyDialogContent': {
+          overflowY: 'visible !important' // This allow the overflow to work also on iOS
+        }
       }
     },
     scrollPaper: {