| <!DOCTYPE html> | |
| <script src="resources/polyfill.js"></script> | |
| <p>A mixed case of a shadow element and content element.</p> | |
| <form> | |
| <output id="host">hoge</output> | |
| <input id="submit" type="submit" value="Submit"> | |
| </form> | |
| <script> | |
| var host = document.getElementById('host'); | |
| var shadowRoot = host.webkitCreateShadowRoot(); | |
| shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></shadow></div>" | |
| </script> |