Skip to content
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

[Dialog] Leave transition not working when using :unmount="false" (vue) #2987

Open
benjamincanac opened this issue Feb 16, 2024 · 0 comments

Comments

@benjamincanac
Copy link

benjamincanac commented Feb 16, 2024

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

v1.7.19

What browser are you using?

Chrome

Reproduction URL

https://stackblitz.com/edit/vitejs-vite-jh8put?file=src/components/Dialog.vue,src/App.vue&terminal=dev

Describe your issue

I've made a minimal reproduction following the example on https://headlessui.com/vue/dialog with :unmount="false" on the Dialog, TransitionRoot and TransitionChild components.

The leave transition is not working unless the ref is true when first loading the page. You can see on reload it will work, but it won't when closing it the second time.

@benjamincanac benjamincanac changed the title [Dialog] Leave transition not working when using :unmount="false" [Dialog] Leave transition not working when using :unmount="false" (vue) Feb 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant