[Webkit-unassigned] [Bug 140543] New: ::first-line doesn't skip flex/grid elements

[bugzilla-daemon at webkit.org]

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

            Bug ID: 140543
           Summary: ::first-line doesn't skip flex/grid elements
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: rego at igalia.com
        Depends on: 140541

Created attachment 244760
  --> https://bugs.webkit.org/attachment.cgi?id=244760&action=review
Example to reproduce the issue

First bug #140541 should be fixed, but this issue was present before and it's still present in Blink (https://code.google.com/p/chromium/issues/detail?id=449481).

Example (attached) to reproduce the issue ("Green" should be green and "Black" should be black):

<style>
    .first-line-green::first-line {
        color: lime;
    }

    .flex {
        display: flex;
    }
</style>
<div class="first-line-green">
    <div class="flex">
        Black
    </div>
    Green
</div>

The flex is ignored as expected, however it doesn't go to the next element (like in the case of floated/positioned elements).

BTW, the same happens for grids.

>From the spec (http://www.w3.org/TR/css-flexbox-1/#flex-containers):
"the ::first-line and ::first-letter pseudo-elements do not apply to flex containers, and flex containers do not contribute a first formatted line or first letter to their ancestors."

Also a mail from CSS WG mailing list confirming the expected behavior:
http://lists.w3.org/Archives/Public/www-style/2014Dec/0305.html

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150116/0ae2de4b/attachment-0001.html>