| <!DOCTYPE html> |
| |
| <html> |
| <body> |
| <script src="resources/polyfill.js"></script> |
| |
| <p>When a button element has a shadow dom having a shadow element, it should get the children of the button element.</p> |
| |
| <button id="host1">Kotori</button> |
| <button id="host2">Kotori</button> |
| |
| <script> |
| var shadowRoot1 = host1.webkitCreateShadowRoot(); |
| shadowRoot1.innerHTML = "<shadow></shadow> Otonashi"; |
| |
| var shadowRoot2 = host2.webkitCreateShadowRoot(); |
| shadowRoot2.innerHTML = "foo <shadow></shadow> bar"; |
| var shadowRoot3 = host2.webkitCreateShadowRoot(); |
| shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR"; |
| </script> |
| |
| </body> |
| </html> |