'What web component features are not supported by Safari desktop and Safari iOS?
Most references as below mention that Safari partially supports web components.
In detail, what web component features are not supported by Safari desktop and Safari iOS?
Is there a technical docs or specs about the issue?
Solution 1:[1]
Burn all old blogs!
Apple Safari supports Web Components, apart from Customized Built-In Elements.
After an ongoing debate since 2013, nearly everyone agrees Apple engineers are right on this one.
Not yet supported by Apple (Google proposals, implemented in Chromium):
Constructable StyleSheets : https://web.dev/constructable-stylesheets/
declarative shadowDOM : https://web.dev/declarative-shadow-dom/
(almost) implemented by Apple:
- shadowParts (not available yet in Safari 15.4 march 2022, will be available in next release)
Will never be implemented by Apple:
Customized Built-In Elements
extend from any existing HTML Element:<p>, <input>, etc..If you want to understand the Apple Why,
read back in time to 2013 - Yes! Web Components are not a new fad!
Autonomous Elements (extend from HTMLElement)
work 100% in all Modern Browsers
At this time of writing, see: https://custom-elements-everywhere.com/
Angular is 100% compatible
Svelte is 100% compatible
Vue is 91% compatible (Vue doesn't listen to Capitalized Eventnames)
React is 29% incompatible
StackOverflow Deep dive into Web Components, React & Lit like BaseClasses:
Main differences between lit-element & React
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 |