| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function addShadowRoot(inNode) { |
| var root = inNode.webkitCreateShadowRoot(); |
| root.innerHTML = '<style>@host { *.selected { background: green; } }</style>I should be green!'; |
| } |
| |
| function runTest() { |
| var host1 = document.getElementById('host1'); |
| var host2 = document.getElementById('host2'); |
| addShadowRoot(host1); |
| addShadowRoot(host2); |
| setTimeout(function() { |
| internals.address(host2); |
| host2.classList.add('selected'); |
| testRunner.notifyDone(); |
| }, 0) |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div>Bug 112869 - <a href="https://bugs.webkit.org/show_bug.cgi?id=112869">https://bugs.webkit.org/show_bug.cgi?id=112869</a>[shadow] @host styles are not applied dynamiccaly.</div> |
| <div id="host1" class="selected"></div> |
| <br> |
| <p id="host2"></p> |
| </body> |
| </html> |
