nuxt
Nuxt3 - Transition appear Flag not working
Environment
- Operating System:
Linux - Node Version:
v16.17.0 - Nuxt Version:
3.0.0-rc.8 - Package Manager:
[email protected] - Builder:
vite - User Config:
modules - Runtime Modules:
@nuxtjs/[email protected] - Build Modules:
-
Reproduction
Repo https://github.com/rhernandog/nuxt3-transitions-issue
Live Sample https://stackblitz.com/edit/nuxt-starter-d2z5mn
Describe the bug
As mentioned in discussion #5717 there is an issue with the appear flag in the using transition, transition group and page transition. In the live sample you'll see that the first load the page doesn't appear. If you navigate you'll see the fade out/in transition between pages working as expected. In the users page you should see an animation for a list of items that never happens, but if you make a change in the file and save it, the animation will happen as expected after the hot reload.
As reported in the discussion I can confirm that all these animations work as expected in a Vue3 project.
Additional context
No response
Logs
No response
RC11 also still has this issue, repro: https://stackblitz.com/edit/github-1wqbue-fxk6ua
This appears to be reproducible in a non-Nuxt setup and is probably an issue with the vue <Transition> component + SSR. Would you open an issue in https://github.com/vuejs/core?
https://stackblitz.com/edit/github-ncyrhd
@danielroe Thanks for looking into this! :+1:
I'll create an issue in Vue and link it here so people can track it: https://github.com/vuejs/core/issues/6951