<!DOCTYPE html>
<html>
<body>
<script src="resources/polyfill.js"></script>

<p>A mixed case of a shadow element and content element.</p>
<form>
    <button id="host">button 1<span>button 2</span></button>
</form>

<script>
var host = document.getElementById('host');
var shadowRoot = host.webkitCreateShadowRoot();
shadowRoot.innerHTML = '<div><content select="span"></content><shadow></shadow></div>'
</script>

</body>
</html>