| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/polyfill.js"></script> | |
| 3 | 2 |
| 4 <p>A mixed case of a shadow element and content element.</p> | 3 <p>A mixed case of a shadow element and content element.</p> |
| 5 <form> | 4 <form> |
| 6 <select id="host"> | 5 <select id="host"> |
| 7 <option disabled>Please select</option> | 6 <option disabled>Please select</option> |
| 8 <optgroup label="Rank 1"></optgroup> | 7 <optgroup label="Rank 1"></optgroup> |
| 9 <option value="hoge" selected>hoge</option> | 8 <option value="hoge" selected>hoge</option> |
| 10 </select> | 9 </select> |
| 11 <input id="submit" type="submit" value="Submit"> | 10 <input id="submit" type="submit" value="Submit"> |
| 12 </form> | 11 </form> |
| 13 | 12 |
| 14 <script> | 13 <script> |
| 15 var host = document.getElementById('host'); | 14 var host = document.getElementById('host'); |
| 16 var shadowRoot = host.webkitCreateShadowRoot(); | 15 var shadowRoot = host.webkitCreateShadowRoot(); |
| 17 shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></s
hadow></div>" | 16 shadowRoot.innerHTML = "<content></content><div style='margin: 20px'><shadow></s
hadow></div>" |
| 18 </script> | 17 </script> |
| OLD | NEW |