Code sample / demo can be checked here.
As title says, I want to use a SwipeableDrawer inside of a Modal in Material UI.
The problem is that Modal by default uses position: fixed for positioning Backdrop component, Modal container etc.
The way position: fixed works is described here.
I have fixed the positioning issue with transform: translateY(0).
Now, when I toggle the SwipeableDrawer I get for a few moments an overflow (scroll).
I can ugly fix that scroll by adding overflowY: hidden - which I don't like but for the sake of the argument.
But right now I still have the basic problem, but it's not ugly anymore. As you can see in the video the content shakes from the moment the transition starts till the moment the transition ends.
Ideally I would like to have the same result as using a SwipeableDrawer outside of a modal.