Temzasse / react-modal-sheet

Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐

Home Page:https://temzasse.github.io/react-modal-sheet/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Animation is broken when draging while animating

xsjcTony opened this issue · comments

commented

I don't think there's any repro needed, since I'm using the official demonstration :D

See in the video that the animation is broken when I'm trying to drag it down when it's rebounding.

RPReplay_Final1685319815.MP4

My hunch is that this is caused by trying to drag the sheet before the automatic snapping has finished animating.

There is probably a way to make the animation more interruptable so that it doesn't glitch if you start dragging during the animation 🤔