Sometimes rendering static content fails

[dougalg]

Version

3.0.0-beta.14

Reproduction link

https://github.com/dougalg/vue-bug

Steps to reproduce

Have a long string of non-reactive HTML which requires a specific parent element (eg table rows).

What is expected?

It should render the HTML

What is actually happening?

The HTML is stripped out, leaving only text.

---

This appears to be a bug in insertStaticContent, but the real root cause is a bug in the immplementation of innerHTML.

1. a temporary container is created: temp = doc.createElement('div')
2. temp.innerHTML = content is set.
3. If the "content" is very long, AND the "temp" element is the wrong type, then the HTML is stripped from it.

This can be tested in the browser as so:

content_short = "<tr><th># of Invitess</th><td>Coming soon</td></tr><tr><th># of Discussion Topics</th><td>Coming soon</td></tr><tr><th># of Posts</th><td>Coming soon</td></tr>";
content_long = "<tr><th># of Invitess</th><td>Coming soon</td></tr><tr><th># of Discussion Topics</th><td>Coming soon</td></tr><tr><th># of Posts</th><td>Coming soon</td></tr><tr><th># of Shared Files</th><td>Coming soon</td></tr>";
tmp1 = document.createElement('div');
tmp1.innerHTML = content_long; // this fails
tmp1.innerHTML = content_short; // this works

tmp2 = document.createElement('table')
// both work
tmp2.innerHTML = content_long
tmp2.innerHTML = content_short

[underfin]

#1230

[yyx990803]

Closed via a938b61