Skip to content

SSR hydration fails with <Transition appear> and empty content #13394

Open
@skirtles-code

Description

@skirtles-code

Vue version

3.5.15 (older versions seem to have the same problem too)

Link to minimal reproduction

https://play.vuejs.org/#__SSR__eNp9kD1vwyAQhv8Kujmyh3aKrEptlaEd2qrNyIKcq0OCAXFHYinyfw/gfA1RNvQ+z8HLHeDV+2oXEebQMPbeKMYXaYVolkFZ0qydFcp7VKHECZBxLOpJqq9WCpr65gqYAVPr7L/uqg05m1445BkJreu9Nhi+fZ4jCXNRSGbKGLf/LBmHiLNz3q6x3d7JNzTkTMJPQMKwQwkXxip0yBNe/H3hkM4X2LtVNMl+AH+RnIm546S9RbtKtW+80vaj9y6wtt2SFgNjWsfpU7loNsfiS0hrfn/w9Wvdp+q5zEk7wngEt2yIww==

Steps to reproduce

Just open the Playground.

What is expected?

No error, successful hydration.

What is actually happening?

An error is thrown.

Failed to execute 'replaceChild' on 'Node': parameter 1 is not of type 'Node'.

Any additional comments?

I confirmed this also fails in Nuxt, not just in the Playground.

Without the appear prop there's still a hydration problem, but not the explosive error.

The <slot /> isn't required, it also fails if the <Transition> has no content, but I think a <slot /> is more realistic.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions