Which CustomEvents bubble across shadow roots, and why?

[mich...@chromium.org]

I've found that using <paper-toggle-button>, the 'core-change' event bubbles all the way up through the DOM to the window itself, but the 'change' event stops at the closest shadow root.

Examining the two events, the only difference I can see is the type ('core-change' vs. 'change') and the path (where the 'core-change' event goes up to the window and 'change' does not). What determines which events do this? Is there a way to get built-in events to bubble across shadow layers?

[mich...@chromium.org]

Sorry, allow me to answer my own question!

http://w3c.github.io/webcomponents/spec/shadow/#events-that-are-always-stopped

"The following events must always be stopped at the root node of the node tree:" (translation, the shadow root?)

abort

error

select

change

load

reset

resize

scroll

selectstart

[mich...@chromium.org]

Sorry, allow me to answer my own question!

http://w3c.github.io/webcomponents/spec/shadow/#events-that-are-always-stopped

"The following events must always be stopped at the root node of the node tree:" (translation, the shadow root?)

abort

error

select

change

load

reset

resize

scroll

selectstart

On Thursday, February 5, 2015 at 12:49:44 AM UTC-8, mich...@chromium.org wrote: