How to swipe outside of the drawer to open/close?

[RickRyan26]

The ChatGPT mobile app has the most beautiful drawer functionality, and I'm trying to recreate that.

At any time the user can side swipe the chat or drawer area to open or close the drawer and shift the entire page layout.

My main hurdle is being able to swipe outside of the drawer while still being able to select what's beneath that outside swipeable area...

Does my entire layout need to be inside the drawer? With only half of it looking like the drawer? And without the drawer being allowed to fully close?

Any suggestion anyone reading this has would be fantastic.

Thank you!

[max-17]

check MUI swipable drawer

actually I also want to open this drawer with a swipe. I will try to create a fork with this functionality

[RickRyan26]

@max-17 I haven't tried this yet but I think a horizontal CSS scroll snap on the layout solves my needs