Using with shadow-dom doesn't trigger onload function about nanohtml

[shama]

Hmm that is a tough one since on-load only watches the document.body and AFAIK can't observe mutations into shadow doms. We would need to observe the shadow root and there isn't an interface provided for that.

It would probably be expensive to detect whether an element is within a shadow dom, as we'd need to traverse the parentNode on render.

We might be able to have on-load watch for shadow doms added, then observe each of those as well. I have no idea if that would work or how expensive it would be though.

[knownasilya]

This is also an issue for other events, like onclick.

[shama]

@knownasilya That might be another issue, as other events are attached directly to the elements.

This works for me:

var bel = require('bel')

var root = document.createElement('div')
var shadow = root.createShadowRoot()
document.body.appendChild(root)

var hello = bel`<button onclick=${function () {
  alert('works!')
}}>yo</button>`
shadow.appendChild(hello)

[knownasilya]

Weird, after trying it again, it works just fine for onclick.. at least that's not an issue.

[crapthings]

onload doesn't trigger properly when i switch route with choo

https://github.com/crapthings/webpack-choo-undefined

[goto-bus-stop]

this is no longer an issue with nanohtml because it doesn't include on-load anymore.