| <!DOCTYPE html> |
| <script src="resources/polyfill.js"></script> |
| |
| <p>A mixed case of a shadow element and content element.</p> |
| <form> |
| <object id="host" data="../resources/apple.gif" type="image/gif" width="20" height="20"> |
| <param name="foo" value="bar"></param> |
| </object> |
| <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> |
