| <!DOCTYPE html> | |
| <script src="resources/polyfill.js"></script> | |
| <p>When the AuthorShadowDOM does not have a Shadow DOM, the content won't be rendered.</p> | |
| <form> | |
| <select id="host" style="width: 100px; height: 30px; margin 0; padding: 0; border: 0"> | |
| <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(); | |
| </script> |