search

Temzasse / react-modal-sheet

Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
https://temzasse.github.io/react-modal-sheet/
MIT License
783 stars 74 forks source link

Content goes out of Sheet on Safari #129

Closed Frknadgzl closed 1 year ago

Frknadgzl commented 1 year ago

I noticed that on safari on IPhone the content goes over the sheet. Here's an example.

https://github.com/Temzasse/react-modal-sheet/assets/68433170/47b22c7c-8642-448e-8db2-cb27fb3bc1b4

OhWonJu commented 1 year ago

I have the same issue as well. When I drag the Sheet.Content after resizing the browser, both the Sheet.Container and Sheet.Content get transformed simultaneously. As a result, the content disappears off the screen.

Temzasse commented 1 year ago

It would be awesome if you could provide a reproduction case in StackBlitz or CodeSandbox 🙏🏻

I have not been able to reproduce this locally yet so it's very difficult to solve it...

Temzasse commented 1 year ago

This seems to be a duplicate of https://github.com/Temzasse/react-modal-sheet/issues/118.

Let's continue discussion in that one.