Subscribe on changes!

Render method is not rendering transition as in Vue2

avatar
Mar 30th 2021

Version

3.0.9

Reproduction link

https://codesandbox.io/s/vue3-transition-render-inkuj

Steps to reproduce

Render a transition element with the render's 'h' method. Use 'transition' as string parameter for the first parameter given to the h method like h('transition').

What is expected?

The DOM should only display the content of the transition element, including all the transition functionality.

What is actually happening?

A tag is rendered containing the child component.


To render a transition via h method in Vue2 h('transition') had to be used (see also https://vuejs.org/v2/guide/transitions.html#Reusable-Transitions with the 'createElement' example). Now with Vue3, h(Transition) (component imported from vue) needs to be used. Either this is a bug or it's an undocumented breaking change.

(initially discovered when working with vue-test-utils-next https://github.com/vuejs/vue-test-utils-next/issues/471)

avatar
Mar 30th 2021

@posva thanks for the hint to the other issue. Should this be added to the documentation and also be mentioned in the Breaking Changes somehow?