Glitchy behaviour when swiping on scrollable content

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

832 stars 79 forks source link

Glitchy behaviour when swiping on scrollable content #13

Closed vbylen closed 3 years ago

vbylen commented 3 years ago

https://user-images.githubusercontent.com/57633368/113315177-04be3700-92db-11eb-8661-117042e0e7d0.mp4

Temzasse commented 3 years ago

Can you elaborate on what is happening here and what is the expected behaviour?

Dragging very small amounts can look a bit janky but I'm not sure if there is anything to be done for that since Framer Motion is responsible of doing the animation work.

Temzasse commented 3 years ago

Please try updating to v1.3.2 and see if it resolves your issue 🙏🏻

Everything should work a bit more smoothly now that only one motion value is animated for both dragging and snapping to top, bottom, or snap points 🙂

vbylen commented 3 years ago

Awesome.

I'm in love with your library!