OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 span { | 5 span { |
6 text-align: top; | 6 text-align: top; |
7 } | 7 } |
8 </style> | 8 </style> |
9 <script src="resources/polyfill.js"></script> | |
10 <script> | 9 <script> |
11 function testChildTextOfShadowRoot() { | 10 function testChildTextOfShadowRoot() { |
12 var host = document.getElementById("host"); | 11 var host = document.getElementById("host"); |
13 var shadowRoot = host.webkitCreateShadowRoot(); | 12 var shadowRoot = host.webkitCreateShadowRoot(); |
14 var span = document.createElement('span') | 13 var span = document.createElement('span') |
15 span.textContent = "foo"; | 14 span.textContent = "foo"; |
16 shadowRoot.appendChild(span); | 15 shadowRoot.appendChild(span); |
17 shadowRoot.appendChild(document.createTextNode("bar")); | 16 shadowRoot.appendChild(document.createTextNode("bar")); |
18 document.body.offsetLeft; | 17 document.body.offsetLeft; |
19 host.style.fontSize = '5em'; | 18 host.style.fontSize = '5em'; |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
58 </head> | 57 </head> |
59 <body onload="runTests()"> | 58 <body onload="runTests()"> |
60 <!-- [bug 101116] Text nodes in shadow roots don't inherit style properly --> | 59 <!-- [bug 101116] Text nodes in shadow roots don't inherit style properly --> |
61 <!-- https://bugs.webkit.org/show_bug.cgi?id=101116 --> | 60 <!-- https://bugs.webkit.org/show_bug.cgi?id=101116 --> |
62 <div id="host"></div> | 61 <div id="host"></div> |
63 <div id="hostResetStyleInheritance"></div> | 62 <div id="hostResetStyleInheritance"></div> |
64 <div id="hostWithDistribution">Foo<span>Bar</span></div> | 63 <div id="hostWithDistribution">Foo<span>Bar</span></div> |
65 <div id="hostResetStyleInheritanceWithDistribution">Foo<span>Bar</span></div> | 64 <div id="hostResetStyleInheritanceWithDistribution">Foo<span>Bar</span></div> |
66 </body> | 65 </body> |
67 </html> | 66 </html> |
OLD | NEW |