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.
Spec | https://www.w3.org/TR/shadow-dom/ |
---|---|
Status | W3C Working Draft |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
73 | |||||
65 (2) | 72 | ||||
64 (2) | 71 | TP | |||
11 | 18 | 63 (2) | 70 | 12 | 56 |
10 | 17 | 62 (2) | 69 | 11.1 | 55 |
9 | 16 | 61 (2) | 68 | 11 | 54 |
8 | 15 | 60 (2) | 67 | 10.1 | 53 |
Show all | |||||
7 | 14 | 59 (2) | 66 | 10 | 52 |
6 | 13 | 58 (1) | 65 | 9.1 | 51 |
5.5 | 12 | 57 (1) | 64 | 9 | 50 |
56 (1) | 63 | 8 | 49 | ||
55 (1) | 62 | 7.1 | 48 | ||
54 (1) | 61 | 7 | 47 | ||
53 (1) | 60 | 6.1 | 46 | ||
52 (1) | 59 | 6 | 45 | ||
51 (1) | 58 | 5.1 | 44 | ||
50 (1) | 57 | 5 | 43 | ||
49 (1) | 56 | 4 | 42 | ||
48 (1) | 55 | 3.2 | 41 | ||
47 (1) | 54 | 3.1 | 40 | ||
46 (1) | 53 | 39 | |||
45 (1) | 52 | 38 | |||
44 (1) | 51 | 37 | |||
43 (1) | 50 | 36 | |||
42 (1) | 49 | 35 | |||
41 (1) | 48 | 34 | |||
40 (1) | 47 | 33 | |||
39 (1) | 46 | 32 | |||
38 (1) | 45 | 31 | |||
37 (1) | 44 | 30 | |||
36 (1) | 43 | 29 | |||
35 (1) | 42 | 28 | |||
34 (1) | 41 | 27 | |||
33 (1) | 40 | 26 | |||
32 (1) | 39 | 25 | |||
31 (1) | 38 | 24 | |||
30 (1) | 37 | 23 | |||
29 (1) | 36 | 22 | |||
28 | 35 | 21 (*) | |||
27 | 34 (*) | 20 (*) | |||
26 | 33 (*) | 19 (*) | |||
25 | 32 (*) | 18 (*) | |||
24 | 31 (*) | 17 (*) | |||
23 | 30 (*) | 16 (*) | |||
22 | 29 (*) | 15 (*) | |||
21 | 28 (*) | 12.1 | |||
20 | 27 (*) | 12 | |||
19 | 26 (*) | 11.6 | |||
18 | 25 (*) | 11.5 | |||
17 | 24 | 11.1 | |||
16 | 23 | 11 | |||
15 | 22 | 10.6 | |||
14 | 21 | 10.5 | |||
13 | 20 | 10.0-10.1 | |||
12 | 19 | 9.5-9.6 | |||
11 | 18 | 9 | |||
10 | 17 | ||||
9 | 16 | ||||
8 | 15 | ||||
7 | 14 | ||||
6 | 13 | ||||
5 | 12 | ||||
4 | 11 | ||||
3.6 | 10 | ||||
3.5 | 9 | ||||
3 | 8 | ||||
2 | 7 | ||||
6 | |||||
5 | |||||
4 |
iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|
12 | all | 67 | 10 | 46 | 70 | 63 | 11 | 11.8 | 7.2 | 1.2 | 7.12 |
11.3-11.4 | 4.4.3-4.4.4 (*) | 7 | 12.1 | 10 | 6.2 | ||||||
11.0-11.2 | 4.4 (*) | 12 | 5 | ||||||||
10.3 | 4.2-4.3 | 11.5 | 4 (*) | ||||||||
Show all | |||||||||||
10.0-10.2 | 4.1 | 11.1 | |||||||||
9.3 | 4 | 11 | |||||||||
9.0-9.2 | 3 | 10 | |||||||||
8.1-8.4 | 2.3 | ||||||||||
8 | 2.2 | ||||||||||
7.0-7.1 | 2.1 | ||||||||||
6.0-6.1 | |||||||||||
5.0-5.1 | |||||||||||
4.2-4.3 | |||||||||||
4.0-4.1 | |||||||||||
3.2 |
Supported in Firefox behind the dom.webcomponents.enabled
flag.
Supported in Firefox behind the dom.webcomponents.shadowdom.enabled
flag.
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=shadowdom