IE and browser support

Jump to bottom

Gabriel Forti edited this page Aug 6, 2018 · 1 revision

Browser support

Firefox	Chrome	Safari	Opera	iOS	Android
59+ (--flag)	54+	10.1+	42+	10.3+	55+

Custom Elements v1 support

With optional polyfills

IE / Edge	Firefox	Chrome	Safari	Opera	iOS	Android
IE9+, Edge	?	✓	✓	✓	✓	✓

Updating the recommended template

So IE currently does not have any support, but with just a few changes IE can support custom elements.

Do not use :host in the css of the custom element. IE does not support this at all
Install this NPM module to include the polyfill @webcomponents/webcomponentsjs

Vist https://www.npmjs.com/package/@webcomponents/webcomponentsjs

You will want to load the polyfill in the header. I recommend the loader since will will not load anything unless it has too.

<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>

I have not tested all the quirks on IE. This polyfill does not work on Firefox but they are close to a full support release. Custom elements are supported in Chrome and Safari.

More info on polyfills from webcomponents.org