fix(compiler-dom): should bail hoisted on break content with innerHTM…

[underfin]

…L (eg.tables related tags)

fix #vitejs/vite#226

Bug Reson

Look like it's caused by innerHtml error with table related tags.

Sloution DOMParser(Fail)

 const div = "<div><span class=\"foo\"></span><span class=\"foo\"></span><span class=\"foo\"></span><span class=\"foo\"></span><span class=\"foo\"></span></div>"
    const doc = new DOMParser().parseFromString(div, "text/html")
    console.log(doc.body.innerHTML)
    console.log(div)
    console.log(div.trim() === document.body.innerHTML.trim())
    console.log(div.length, document.body.innerHTML.length)

// run result
<div><span class="foo"></span><span class="foo"></span><span class="foo"></span><span class="foo"></span><span class="foo"></span></div>
<div><span class="foo"></span><span class="foo"></span><span class="foo"></span><span class="foo"></span><span class="foo"></span></div>
false
136 4023

I think can be parse by DOMParser, but it meet error for normal case.This is brower test result. And other run result in jest jsdom.

<div><span class="\&quot;foo\&quot;"></span><span class="\&quot;foo\&quot;"></span><span class="\&quot;foo\&quot;"></span><span class="\&quot;foo\&quot;"></span><span class="\&quot;foo\&quot;"></span></div>

[underfin]

#1286
Todo: This pr is used the value of context.parent is error.This above pr implement it correctly.

[yyx990803]

• context.parent is only usable during the normal transform phase. Static hoisting phase is a post-transform so context.parent is not accurate in this case.

• No need to bail on p because anything can be placed inside p can be placed in div. Also colspan is not an element.

• It should be enough to just check each root hoisted node for bail. The only case where it would produce unexpected result is when the user has authored invalid HTML in the first place. We can add a dev only check to ensure all stringified HTML structure is valid.