OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link rel="stylesheet" href="resources/replaced-element-styles.css" type="text/c
ss"> | 4 <link rel="stylesheet" href="resources/replaced-element-styles.css" type="text/c
ss"> |
5 <script src="resources/polyfill.js"></script> | |
6 </head> | 5 </head> |
7 <body> | 6 <body> |
8 | 7 |
9 <textarea id="host" rows="4" cols="30" placeholder="This is a placeholder text."
></textarea> | 8 <textarea id="host" rows="4" cols="30" placeholder="This is a placeholder text."
></textarea> |
10 | 9 |
11 <script> | 10 <script> |
12 if (window.internals) | 11 if (window.internals) |
13 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); | 12 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); |
14 | 13 |
15 var shadowRoot1 = host.webkitCreateShadowRoot(); | 14 var shadowRoot1 = host.webkitCreateShadowRoot(); |
16 shadowRoot1.appendChild(document.createTextNode('before')); | 15 shadowRoot1.appendChild(document.createTextNode('before')); |
17 shadowRoot1.appendChild(document.createElement('shadow')); | 16 shadowRoot1.appendChild(document.createElement('shadow')); |
18 shadowRoot1.appendChild(document.createTextNode('after')); | 17 shadowRoot1.appendChild(document.createTextNode('after')); |
19 </script> | 18 </script> |
20 | 19 |
21 </body> | 20 </body> |
22 </html> | 21 </html> |
OLD | NEW |