OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 | 4 |
5 <p>Fallback elements should be rendered if it's distributed</p> | 5 <p>Fallback elements for content insertion points should be rendered</p> |
6 | 6 |
7 <div id="host1"></div> | 7 <div id="host1"></div> |
8 | 8 |
9 <script> | 9 <script> |
10 var shadowRoot1 = host1.createShadowRoot(); | 10 var shadowRoot1 = host1.createShadowRoot(); |
11 shadowRoot1.innerHTML = | 11 shadowRoot1.innerHTML = |
12 '<div id="host2">' + | 12 '<div id="host2">' + |
13 '<content><div title="debugstop">content fallback element</div></content
>' + | 13 '<content><div title="debugstop">content fallback element</div></content
>' + |
14 '<shadow><div>shadow fallback element</div></shadow>' + | 14 '<shadow><div>shadow fallback element</div></shadow>' + |
15 '<div>This should be selected.</div>' + | 15 '<div>This should be selected.</div>' + |
16 '</div>'; | 16 '</div>'; |
17 | 17 |
18 var host2 = shadowRoot1.getElementById('host2'); | 18 var host2 = shadowRoot1.getElementById('host2'); |
19 var shadowRoot2 = host2.createShadowRoot(); | 19 var shadowRoot2 = host2.createShadowRoot(); |
20 shadowRoot2.innerHTML = | 20 shadowRoot2.innerHTML = |
21 '<div id="host3">' + | 21 '<div id="host3">' + |
22 '<content select="div"></content>' + | 22 '<content select="div"></content>' + |
23 '<content select="span"><div>content fallback element</div></content>' +
| 23 '<content select="span"><div>content fallback element</div></content>' + |
24 '<div>This also should be selected.</div>' | 24 '<div>This also should be selected.</div>' |
25 '</div>'; | 25 '</div>'; |
26 | 26 |
27 var host3 = shadowRoot2.getElementById('host3'); | 27 var host3 = shadowRoot2.getElementById('host3'); |
28 var shadowRoot3 = host3.createShadowRoot(); | 28 var shadowRoot3 = host3.createShadowRoot(); |
29 shadowRoot3.innerHTML = | 29 shadowRoot3.innerHTML = |
30 '<content select="div"></content>' | 30 '<content select="div"></content>' |
31 | 31 |
32 </script> | 32 </script> |
33 | 33 |
34 </html> | 34 </html> |
35 | |
36 | |
OLD | NEW |