fix: prevent stop or pause when drag constraints

[hyesungoh]

fix #2697

Hello there!

I appreciat your great works 👍

BTW I found some issue at above

as is

2024-08-10.4.11.08.mov

Element pause or stop when click it while dragging

https://github.com/framer/motion/blob/f59114d4d48f4fbd6a611aba62cd9ebab13e06ab/packages/framer-motion/src/gestures/drag/VisualElementDragControls.ts#L101-L103

I think it was problem

to be

2024-08-10.4.13.46.mov

So I prevent stop or pause animation when having dragConstraints

            // Stop or pause any animations on both axis values immediately when not using dragConstraints.
            // This allows the user to throw and catch the component.
            if (!dragConstraints) {
                dragSnapToOrigin ? this.pauseAnimation() : this.stopAnimation()
            }

If you think of any related issues, please share them with me!

Thank you! 😄

[hyesungoh]

I append E2E test for issue #2697

I'm wondering if it's appropriate to set wait for 1000ms 🤔

[mattgperry]

Thanks for the PR! Apologises for taking a long time to get around to taking a look. The problem with this approach is we still want this catch functionality to work even if dragConstraints are defined. What we probably want instead here is that the snap animation restarts not only on drag end but on pointer up.

[mattgperry]

Also a failing test:

doesn't reset drag constraints (ref-based), while dragging, on unrelated parent component updates