Issue 29997

- Add potential fix
- Look up how to make a PR
- Trigger pipeline to verify fix
- Check if pipeline can be run locally

packages/mui-material/src/Drawer/Drawer.js

@@ -44,8 +44,11 @@ const DrawerRoot = styled(Modal, {
   name: 'MuiDrawer',
   slot: 'Root',
   overridesResolver,
-})(({ theme }) => ({
+})(({ theme, ownerState }) => ({
   zIndex: (theme.vars || theme).zIndex.drawer,
+  ...(!ownerState.open && {
+    visibility: 'hidden',
+  }),
 }));
 
 const DrawerDockedRoot = styled('div', {
@@ -54,9 +57,12 @@ const DrawerDockedRoot = styled('div', {
   slot: 'Docked',
   skipVariantsResolver: false,
   overridesResolver,
-})({
+})(({ ownerState }) => ({
   flex: '0 0 auto',
-});
+  ...(!ownerState.open && {
+    visibility: 'hidden',
+  }),
+}));
 
 const DrawerPaper = styled(Paper, {
   name: 'MuiDrawer',