Allow multiple elements in root with Fragments

[finnp]

This will allow

html`
  <div>Hallo</div>
  <div>Welt</div>
`

This will return a DocumentFragment with the children <div>Hello</div> and <div>Welt</div>

Also see choojs/hyperx#65
Depends on choojs/hyperx#66

• browser
• babel
• server
• transform

[bcomnes]

Does this work?

html`
<div>
${() => {
  return html`
    <div>Hallo</div>
    <div>Welt</div>
  `
  }()}
</div>
`

Or do you have to move the contents of the fragment out of the fragment?

[finnp]

@bcomnes Yes this should work. When doing div.appendChild(fragment) the fragment will be discarded. So the div will have the two children <div>Hallo</div> and <div>Welt</div>

[AndyOGo]

I really like this 👍

[finnp]

@goto-bus-stop I've seen that you merged the createFragment PR on hyperx. I've updated this PR to the latest master. Do you want to merge this in? I could also add something for the documentation.

[goto-bus-stop]

yea a docs example would be nice!

[finnp]

@goto-bus-stop I added a section for this. Tried to add a nice explanation, but couldn't come up with any. I think it works this way though. What do you think?