Vue: Error compiling template, even though one root element

[eu81273]

Version

2.4.1

Reproduction link

https://jsfiddle.net/k5h2fvqh/

Steps to reproduce

1. <p> tag as Root element
2. put <div> tag as child element

What is expected?

Render template correctly

What is actually happening?

Error compiling template with message "Component template should contain exactly one root element"

[nickmessing]

Here's minimal repro: https://jsfiddle.net/gq2ckLLf/

[nickmessing]

That is exected behaviour, <p> tag can not have child <div> (and other blocks too) so <p><div></div></p> is parsed as <p></p><div></div></p> and as you can see it's more than one root element. That's HTML limitations.

P.S. More information available here

[nickmessing]

Complete list of elements that "close" <p> is available here

[juliolimareis]

https://jsfiddle.net/k5h2fvqh/50/