140543 2015-01-16 03:51:36 -0800 ::first-line doesn't skip flex/grid elements 2022-11-02 06:11:18 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=139256 P2 Normal --- 140541 1 rego webkit-unassigned ahmad.saleem792 bfulgham simon.fraser zalan oldest_to_newest 1061804 0 244760 rego 2015-01-16 03:51:36 -0800 Created attachment 244760 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 1908027 1 ahmad.saleem792 2022-10-25 01:38:51 -0700 As of right now, all browsers (Safari 16.1, Chrome Canary 109 and Firefox Nightly 108) and does not have any lime color for first line and they are matching each other. But I think if it is an issue, we should keep it open and also put it on Radar. I will leave for others to comment. Thanks! 244760 2015-01-16 03:51:36 -0800 2015-01-16 03:51:36 -0800 Example to reproduce the issue first-line-flex.html text/html 218 rego PHN0eWxlPgogICAgLmZpcnN0LWxpbmUtZ3JlZW46OmZpcnN0LWxpbmUgewogICAgICAgIGNvbG9y OiBsaW1lOwogICAgfQoKICAgIC5mbGV4IHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgfQo8 L3N0eWxlPgo8ZGl2IGNsYXNzPSJmaXJzdC1saW5lLWdyZWVuIj4KICAgIDxkaXYgY2xhc3M9ImZs ZXgiPgogICAgICAgIEJsYWNrCiAgICA8L2Rpdj4KICAgIEdyZWVuCjwvZGl2Pgo=