it looks like it does not work.
Please note i am referring to custom elements v1 as mentioned here: https://developers.google.com/web/fundamentals/getting-started/primers/customelements
on my site I in the javascript console, I see
SCRIPT1002: Syntax Error, NewInvite.js Line 1, Column 1
Where the first line in NewInvite.js is
class NewInvites extends HTMLElement
Note: I am not referring to 'polymer' or 'web components'
Lastly, site runs fine on safari, mobile safari, and chrome
If you're willing to use a few polyfills and a little extra boilerplate for each component, you can actually write v1 compatible custom elements in ES5 (without classes) that will work in IE11.
Based on this comment on github you can use regular functions to define your custom elements, and then just make sure to call Reflect.construct inside the component's constructor.
function MyEl() {
return Reflect.construct(HTMLElement,[], this.constructor);
}
MyEl.prototype = Object.create(HTMLElement.prototype);
MyEl.prototype.constructor = MyEl;
Object.setPrototypeOf(MyEl, HTMLElement);
MyEl.prototype.connectedCallback = function() {
console.log('my-el connected');
};
customElements.define('my-el', MyEl);
document.body.appendChild(document.createElement('my-el'));
See this post for a full working example.
Looks like the answer is 'No' and 'Edge' which is meant to replace 'internet explorer' is still undecided, but you can vote on it here
According to Wikipedia only 10% of people use internet explorer anymore, so probably just easier to say "this site does not support Internet Explorer" instead of writing your website twice -