Kars
Nuxt UI leave transitions
This is with the exact code from the Documentation, I copy pasted the UI transition into it and increased the leave duration to 1000 ms to make it super obvious.
But as you can see, it never triggers cause of the
v-if happening before the <transition>6 replies
Nuxt UI leave transitions
Same goes for ContextMenu, SelectMenu etc. Basically everything that is dropdown like.
It is because of this:
https://github.com/nuxt/ui/blob/49b73aa024be14a9aa150a2804f4dcb18542fa49/src/runtime/components/elements/Dropdown.vue#L20
The v-if should be inside the transition, not outside. If it is outside it never triggers the transition.
The appear was a quick fix but that only works for enter classes not for leave
6 replies
Nuxt UI leave transitions
https://ui.nuxt.com/components/dropdown
Enter animation works fine, leave animation never triggered
6 replies