[Drawer] Resizing window with open drawer makes main content non-scrollable

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

When switching the browser width between mobile & desktop, the main content is not any more scrollable.

Note that this not only happens when the viewport changes between mobile and non-mobile, but also when the Drawer is initialised with open = true state, but the viewport is in "desktop" width.

Expected behavior 🤔

Content is always scrollable, no matter if a Drawer has property open = true or not if Drawer is in "desktop" mode.

Steps to reproduce 🕹

Steps:

1. Go to https://mui.com/material-ui/react-drawer/#responsive-drawer
2. Resize window to "mobile" --> drawer is collapsed behind burger menu
3. Click on burger menu --> drawer appears with gray backdrop, content disappears
4. Reize window to "desktop" --> drawer stays visible on the left, and content re-appears on the right
5. Now try to scroll the content. It doesn't work, as body has overflow: hidden; style. Also note that body has padding-right: 366px; style, which looks not good.

Context 🔦

No response

Your environment 🌎

Latest MUI version on Chrome.