[Drawer] How to use in a custom container?

At the moment the positioning of the Drawer is fixed and the animation is considering screen as an anchor point together for both enter, and leave animations.

It would be very nice if this behavior can be scoped to a container.

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

It should be possible to define a reference container into which the Drawer component can be rendered. All of the behavior should be contained within this container.

For me, it is important to have the variant: temporary behavior, but in general, it would be nice to have all of them.

Examples 🌈

https://github.com/mui-org/material-ui/issues/11749

Motivation 🔦

I want to show details of an item in a Drawer, not across the whole screen, but across the body of that item by having the content slide in from the (right) side.

[mnemanja]

Thanks for addressing this issue. I’ll set up a code sandbox first chance I get with the solution that I devised, but personally I believe it should be more elegant, I just haven’t the time to make it so atm.

[filipe-gomes]

@mnemanja I’d love to see your solution to this. I’ve been dealing with the same problem the last couple days, and my implementation of a fix causes the screen to “wiggle” a little when the drawer comes out. I’m using variant="temporary" and anchor="right". If it is anchored to the left, it works smoothly, but when anchoring to the right I get the janky behavior.