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
>' + |
15 '<shadow><div>shadow fallback element</div></shadow>' + | 14 '<shadow><div>shadow fallback element</div></shadow>' + |
16 '<div id="div">This should be selected.</div>' + | 15 '<div id="div">This should be selected.</div>' + |
17 '</div>'; | 16 '</div>'; |
18 | 17 |
19 var host2 = shadowRoot1.getElementById('host2'); | 18 var host2 = shadowRoot1.getElementById('host2'); |
20 var shadowRoot2 = host2.webkitCreateShadowRoot(); | 19 var shadowRoot2 = host2.webkitCreateShadowRoot(); |
21 shadowRoot2.innerHTML = '<content select="div"></content>'; | 20 shadowRoot2.innerHTML = '<content select="div"></content>'; |
22 </script> | 21 </script> |
23 | 22 |
24 </html> | 23 </html> |
25 | 24 |
26 | 25 |
OLD | NEW |