a <template> vnode rendered is not compatible with the standard native browser <template> element.

[lidlanca]

Version

3.2.11

Reproduction link

sfc playground

Steps to reproduce

when rendering a <template> vnode, the content of the template is appended directly to the template element instead of the template DocumentFragment.

This result in non standard template element

What is expected?

elements rendered by vue should follow the standard and should not deviate from how a standard template tag is being handled by the browser.

What is actually happening?

vue directly appends children to the template element instead of the template Fragment / content

---

https://html.spec.whatwg.org/multipage/scripting.html#the-template-element
https://html.spec.whatwg.org/multipage/syntax.html#template-syntax

[lidlanca]

workaround

v-native-template directive as a fix