<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:rniwa@webkit.org" title="Ryosuke Niwa <rniwa@webkit.org>"> <span class="fn">Ryosuke Niwa</span></a>
</span> changed
<a class="bz_bug_link
bz_status_NEW "
title="NEW - Shadow DOM V1 does not apply styles"
href="https://bugs.webkit.org/show_bug.cgi?id=160331">bug 160331</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>simon.fraser@apple.com
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Shadow DOM V1 does not apply styles"
href="https://bugs.webkit.org/show_bug.cgi?id=160331#c1">Comment # 1</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Shadow DOM V1 does not apply styles"
href="https://bugs.webkit.org/show_bug.cgi?id=160331">bug 160331</a>
from <span class="vcard"><a class="email" href="mailto:rniwa@webkit.org" title="Ryosuke Niwa <rniwa@webkit.org>"> <span class="fn">Ryosuke Niwa</span></a>
</span></b>
<pre>Wow, this is a terrible bug. It looks like something is style recalc is completely broken. e.g. if you re-insert the style element again, it renders correctly.
The bug here is that setting style element's content doesn't update the element.
You can work around it by re-inserting the element in your `applyStyle` function:
<a href="https://github.com/skatejs/kickflip/blob/8dd73b87c7027acb7b3da4906c9a290569a4c42e/dist/index.js#L525">https://github.com/skatejs/kickflip/blob/8dd73b87c7027acb7b3da4906c9a290569a4c42e/dist/index.js#L525</a>
as in
el.parentNode.insertBefore(el, el.nextSibling);</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>