[Webkit-unassigned] [Bug 160740] New: Shadow DOM - slot as a flex container

[bugzilla-daemon at webkit.org]

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

            Bug ID: 160740
           Summary: Shadow DOM - slot as a flex container
    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: ericbidelman at chromium.org
                CC: cdumez at apple.com

I'd expect slotted spans to be flex children in the following code:

<nav>
  <span>Hello</span>
  <span>world</span>
</nav>

var nav = document.querySelector('nav');
nav.attachShadow({mode:'open'}).innerHTML =
  '<style>' +
    ':host { display: flex }' +
    '::slotted(span) { flex: 1 }' +
   '</style>' +
   '<slot></slot>';

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

In Safari TP, "Hello" and "world" do not flex as expected. In Blink, they do.

-- 
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/20160810/ce05ad34/attachment.html>