Subscribe on changes!

<Transition> leave effect is broken because of an <!-- HTML comment -->

avatar
Jan 15th 2022

Version

3.2.26

Reproduction link

sfc.vuejs.org/

Steps to reproduce

Open the repro link, and see the "hello" text appearing and disappearing once per second, but the v-leave-to effect is ignored.

The Comp.vue has a <!-- Broken! --> comment, that can be removed to fix the issues.

What is expected?

The text should fade in and out smoothly, even with a root HTML comment

What is actually happening?

The fade out effect is cancelled, and the text disappears abruptly


I guess that the compiler considers the comment as another "standard" element, which the <Transition> doesn't support.