| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 #host { | 5 #host { |
| 6 width: 200px; | 6 width: 200px; |
| 7 } | 7 } |
| 8 </style> | 8 </style> |
| 9 </head> | 9 </head> |
| 10 <body> | 10 <body> |
| 11 <div id="host" tabindex=0> | 11 <div id="host" tabindex=0> |
| 12 <div> | 12 <div> |
| 13 <div><div>First line leads,</div></div> | 13 <div><div>First line leads,</div></div> |
| 14 </div> | 14 </div> |
| 15 </div> | 15 </div> |
| 16 <script> | 16 <script> |
| 17 if (window.internals) | 17 if (window.internals) |
| 18 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); | 18 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); |
| 19 | 19 |
| 20 var host = document.getElementById("host"); | 20 var host = document.getElementById("host"); |
| 21 var shadow1 = host.createShadowRoot(); | 21 var shadow1 = host.createShadowRoot(); |
| 22 shadow1.innerHTML = "<div><shadow><content></content></shadow><div></div></div>"
; | 22 shadow1.innerHTML = "<div><shadow></shadow><div></div></div>"; |
| 23 var shadow2 = host.createShadowRoot(); | 23 var shadow2 = host.createShadowRoot(); |
| 24 shadow2.innerHTML = "<section>" | 24 shadow2.innerHTML = "<section>" |
| 25 + "<shadow><content></content></shadow>" | 25 + "<shadow></shadow>" |
| 26 + "<div>second line follows.</div>" | 26 + "<div>second line follows.</div>" |
| 27 + "</section>"; | 27 + "</section>"; |
| 28 host.focus(); | 28 host.focus(); |
| 29 host.blur(); | 29 host.blur(); |
| 30 </script> | 30 </script> |
| 31 </body> | 31 </body> |
| 32 </html> | 32 </html> |
| OLD | NEW |