OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="resources/polyfill.js"></script> | |
3 | 2 |
4 <p>A mixed case of a shadow element and content element.</p> | 3 <p>A mixed case of a shadow element and content element.</p> |
5 <form> | 4 <form> |
6 <keygen id="host"> | 5 <keygen id="host"> |
7 </form> | 6 </form> |
8 | 7 |
9 <script> | 8 <script> |
10 if (window.internals) | 9 if (window.internals) |
11 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); | 10 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); |
12 | 11 |
13 host.appendChild(document.createTextNode('foobar')); | 12 host.appendChild(document.createTextNode('foobar')); |
14 | 13 |
15 var shadowRoot = host.webkitCreateShadowRoot(); | 14 var shadowRoot = host.webkitCreateShadowRoot(); |
16 shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></s
hadow></div>" | 15 shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></s
hadow></div>" |
17 </script> | 16 </script> |
OLD | NEW |