Shadow DOM v1
Method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM & CSS.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3 | 4.4 | |||||||||||||||
14 | 52 | 57 | 10
See notes:
|
10.0-10.2
See notes:
|
4.4.3-4.4.4 | 4 | |||||||||||
11 | 15 | 53 | 58 | 10.1
See notes:
|
44 | 10.3
See notes:
|
all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2 | 7.12 |
54 | 59 | TP
See notes:
|
45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
Shadow DOM v0 was implemented in Chrome/Opera but other browser vendors are implementing v1.
-
1
Certain CSS selectors do not work (
:host > .local-child
) and styling slotted content (::slotted
) is buggy.