<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED WONTFIX - Cannot attach Shadow root to unregistered custom element name"
href="https://bugs.webkit.org/show_bug.cgi?id=158550#c3">Comment # 3</a>
on <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED WONTFIX - Cannot attach Shadow root to unregistered custom element name"
href="https://bugs.webkit.org/show_bug.cgi?id=158550">bug 158550</a>
from <span class="vcard"><a class="email" href="mailto:ericbidelman@chromium.org" title="Eric <ericbidelman@chromium.org>"> <span class="fn">Eric</span></a>
</span></b>
<pre>Removing the `z-index: -1` in my jsbin does do the trick for TP, but I'm curious why just changing the tag name to <div> also fixes it:
<a href="http://jsbin.com/sabayuyila/edit?html,output">http://jsbin.com/sabayuyila/edit?html,output</a>
That should make no difference, but it does.
It's also confusing that the inspector doesn't render a shadow root: <a href="http://prntscr.com/be57v6">http://prntscr.com/be57v6</a>. Happy to file another but on that if you think it's an issue.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>