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

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=160866

            Bug ID: 160866
           Summary: Shadow DOM: Projected light DOM children do not
                    transition
    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>

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

...

  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>