<!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>