| <!DOCTYPE html> |
| <script src="resources/polyfill.js"></script> |
| |
| <p>A mixed case of a shadow element and content element.</p> |
| <form> |
| <select id="host"> |
| <option disabled>Please select</option> |
| <optgroup label="Rank 1"></optgroup> |
| <option value="hoge" selected>hoge</option> |
| </select> |
| <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> |