| <!DOCTYPE html> | |
| <script src="resources/polyfill.js"></script> | |
| <p>A mixed case of a shadow element and content element.</p> | |
| <form> | |
| <fieldset id="host"> | |
| <legend>legend</legend> | |
| <input type="text"></input> | |
| </fieldset> | |
| <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> |