8000 Nuxt3 - Transition appear Flag not working · Issue #14715 · nuxt/nuxt · GitHub
[go: up one dir, main page]

Skip to content
Nuxt3 - Transition appear Flag not working #14715
@rhernandog

Description

@rhernandog

Environment

  • Operating System: Linux
  • Node Version: v16.17.0
  • Nuxt Version: 3.0.0-rc.8
  • Package Manager: npm@8.15.0
  • Builder: vite
  • User Config: modules
  • Runtime Modules: @nuxtjs/tailwindcss@5.3.2
  • 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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0