<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 FIXED - Setter on style element's textContent or cssText doesn't trigger style recalc"
   href="https://bugs.webkit.org/show_bug.cgi?id=160331#c19">Comment # 19</a>
              on <a class="bz_bug_link 
          bz_status_RESOLVED  bz_closed"
   title="RESOLVED FIXED - Setter on style element's textContent or cssText doesn't trigger style recalc"
   href="https://bugs.webkit.org/show_bug.cgi?id=160331">bug 160331</a>
              from <span class="vcard"><a class="email" href="mailto:treshugart&#64;gmail.com" title="Trey Shugart &lt;treshugart&#64;gmail.com&gt;"> <span class="fn">Trey Shugart</span></a>
</span></b>
        <pre>For posterity, el.parentNode.insertBefore(el, el.nextSibling) doesn't seem to work. I had to first remove the style node and then insert before the next sibling.

Our solution in its entirety was to override attachShadow() and observe the shadow root that was created so that we can observe any style elements in it and re-insert them if they were mutated.

Code for fix: <a href="https://bitbucket.org/atlassian/atlaskit/src/c4fe7f74539ca5e76449c1c72b960ad0c0809fd0/packages/akutil-polyfills/src/index.js?fileviewer=file-view-default">https://bitbucket.org/atlassian/atlaskit/src/c4fe7f74539ca5e76449c1c72b960ad0c0809fd0/packages/akutil-polyfills/src/index.js?fileviewer=file-view-default</a>

We're going to go ahead with the override for a short-term fix. Thanks again for looking into this and fixing it so quickly.</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>