motion
motion copied to clipboard
[BUG] transitionEnd not waiting until end of transition - issue in sandbox from docs
2. Describe the bug
The transitionEnd
property inside a Variant
causes issues when the animation is cancelled early.
The issue has been introduced in version 10.6.0 and works correctly in 10.5.0 after testing in the sandbox provided below which is based on a sandbox from the documentation for this exact example.
https://codesandbox.io/s/framer-motion-transitionend-forked-xgczyd?file=/src/App.tsx
4. Steps to reproduce
Steps to reproduce the behavior:
The issue arises when using the transitionEnd
property inside a variant or the animate
property directly.
5. Expected behavior
The expected behavior is exactly what happens in version 10.5.0
where, when interrupting the animation, the transitionEnd
is not applied and only is applied when completing or ending the transition successfully.
6. Video or screenshots
If applicable, add a video or screenshots to help explain the bug. Expected behaviour is as shown in this video:
https://github.com/framer/motion/assets/3082620/1d8c8755-6b9e-4b76-a7a5-71486cafdcd4
The issue is shown below:
https://github.com/framer/motion/assets/3082620/1cd30083-0238-4b4d-b42c-a0c336f8b5dd