Skip to content

Transition not triggering @appear when used as the root of a component with appear attr #9364

Closed
@badz0

Description

@badz0

Version

2.5.22

Reproduction link

https://codepen.io/bogdan-muranets/pen/ErjOXy

Steps to reproduce

Open repro, click on the "show" button and note that "animated on enter" text appeared.

What is expected?

To see a text "animated on appear" which has to be added by @appear hook.

What is actually happening?

The @enter hook is called instead of @appear.


Important is that transition is moved to separate component. Also, everything works as expected if transition isn't a root element in a separate component or the component is functional.

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