Lit / Web Components: Since events dispatched inside a shadowRoot are not visible outside that root, what can be done to make an event pass through the shadow DOM boundary?

Question

Since events dispatched inside a shadowRoot are not visible outside that root, what can be done to make an event pass through the shadow DOM boundary?

John Pencola · Accepted Answer

Set the "composed" property to "true". 
Note: It's common to pair composed with bubbles so that all nodes in the DOM tree can see the event:

Lit / Web Components

Since events dispatched inside a shadowRoot are not visible outside that root, what can be done to make an event pass through the shadow DOM boundary?

Set the "composed" property to "true". Note: It's common to pair composed with bubbles so that all nodes in the DOM tree can see the event:

Author