[BUG] transitionEnd not waiting until end of transition - issue in sandbox from docs

[jorgebef]

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

[kaoz70]

This is still an issue in v10.16.4

[stefanweck]

Can confirm! ☝️ I encountered this issue in my project as well and had to downgrade all the way back to v10.5.0 until further notice on this issue.

[Szorcu]

Is this resolved? I'm facing the same issue in my project.

[tpict]

This is still an issue as of 11.0.3

[tien]

Having this same issue with 11.0.7