OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <script src="resources/polyfill.js"></script> | |
5 | 4 |
6 <p>Fallback elements should be rendered if it's distributed</p> | 5 <p>Fallback elements should be rendered if it's distributed</p> |
7 | 6 |
8 <div id="host1"></div> | 7 <div id="host1"></div> |
9 | 8 |
10 <script> | 9 <script> |
11 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 10 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
12 shadowRoot1.innerHTML = | 11 shadowRoot1.innerHTML = |
13 '<div id="host2">' + | 12 '<div id="host2">' + |
14 '<content><div title="debugstop">content fallback element</div></content
>' + | 13 '<content><div title="debugstop">content fallback element</div></content
>' + |
(...skipping 13 matching lines...) Expand all Loading... |
28 var host3 = shadowRoot2.getElementById('host3'); | 27 var host3 = shadowRoot2.getElementById('host3'); |
29 var shadowRoot3 = host3.webkitCreateShadowRoot(); | 28 var shadowRoot3 = host3.webkitCreateShadowRoot(); |
30 shadowRoot3.innerHTML = | 29 shadowRoot3.innerHTML = |
31 '<content select="div"></content>' | 30 '<content select="div"></content>' |
32 | 31 |
33 </script> | 32 </script> |
34 | 33 |
35 </html> | 34 </html> |
36 | 35 |
37 | 36 |
OLD | NEW |