-
Notifications
You must be signed in to change notification settings - Fork 1.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Transition calls afterLeave
callback too early when using Transition.Child
#1364
Comments
Exact same problem with afterEnter |
Yea version >= v1.6.0 has broken exit transitions in my transitions in Vue as well 👍 |
I am not getting my leaveFrom transition React ^17 |
Also facing this issue |
Looks like they're actively working on it! #1585 |
This should be fixed by #1803, and will be available in the next release. You can already try it using Here is an updated CodeSandbox with the latest |
Can confirm that it works. Thanks! 🙏 |
I'm now experiencing the very same issue in |
What package within Headless UI are you using?
@headlessui/react
What version of that package are you using?
v1.6.0
What browser are you using?
Chrome
Reproduction URL
https://codesandbox.io/s/headlessui-transition-bug-afterleave-3k435m?file=/src/App.tsx:589-1336 (link is outdated now)
Describe your issue
In v1.5.0 the
afterLeave
call of theTransition
component was called after allTransition.Child
components finished their leave animation. But now theTransition
component calls this callback immediately and doesn't wait for animations of its child transition.I rely on the
afterLeave
callback to know when it is safe to unmount a component with an exit animation.The text was updated successfully, but these errors were encountered: