3 ms·
They are supported! Safari does not (and will not, as explained in your link) support one specific API for web components, the `is` attribute: <button is="
by WickyNilliams 4y ago
They are supported! Safari does not (and will not, as explained in your link) support one specific API for web components, the `is` attribute:
<button is="my-button">
But when people talk about web components, they are almost certainly talking about this kind of component:
<my-button></my-button>
Which is fully supported in safari. The former can be polyfilled, but i doubt (m)any components are being developed like that.
Aside from this, safari has great support for WCs and is just as capable as any other evergreen browser.
- andrewstuart 4y agoI cannot see that Safari supports the "connectedCallback" in Custom Elements, which seems to be to be foundational to the entire technology. https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks https://developer.mozilla.org/en-US/docs/Web/Web_Components/... If you're correct about Safari's level of support can you referf me to where it supports connectedCallback?
- WickyNilliams 4y agoThe proof, as they say, is in the pudding: https://codepen.io/WickyNilliams/pen/dydoNez https://codepen.io/WickyNilliams/pen/dydoNez It's been supported for years AFAIK. As long as you extend HTMLElement, and not some other element, everything will work as expected