[Webkit-unassigned] [Bug 160866] New: Shadow DOM: Projected light DOM children do not transition

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Aug 15 14:53:11 PDT 2016


            Bug ID: 160866
           Summary: Shadow DOM: Projected light DOM children do not
    Classification: Unclassified
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: HTML DOM
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkit at keanulee.com
                CC: cdumez at apple.com

Repro: http://jsbin.com/jaqofi/2/edit?html,output

As soon as a shadow root is added to an element, its children do not have CSS transitions. In this example:

    span {
      transition: background 2s;
    body.green span {
      background: green;


  <button onclick="document.body.classList.toggle('green')">Transition</button>

    <span>No shadow root</span>
  <div class="shadow">
    <span>Projected in shadow root</span>


  document.querySelector('div.shadow').attachShadow({mode:'open'}).innerHTML = '<slot></slot>';

the second span does not transition.

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160815/8c3909c4/attachment.html>

More information about the webkit-unassigned mailing list