is-land

For GitHub issue #13.

As of time of writing, Firefox and Safari do not support Declarative Shadow DOM. This component does include a small (4 LoC) polyfill but it is scoped exclusively to elements inside of <is-land>.

Note that if chocolate-web-component.js is not available on page load, any <chocolate-web-component> elements outside of <is-land> will be initialized when the file is loaded. This is better solved by implementing defer-hydration in your component code.

Declarative shadow DOM polyfill is not applied to elements outside of an <is-land>

Chocolate web component Chocolate web component
Chocolate web component Chocolate web component Chocolate web component