Bug 140541 – REGRESSION: first-line doesn't affect any children

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[Manuel Rego Casasnovas]

Created attachment 244755 [details]
Example to reproduce the issue

This was working fine in Safari 7 but it's broken in Safari 8.

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

<style>
.first-line-green::first-line {
      color: lime;
}
</style>
<div class="first-line-green">
    <div>Green</div>
</div>

If the "Green" text is not wrapped by a "<div>" then it's green color.

Here you have a link to reproduce the issue with several cases:
http://jsbin.com/wutofa/1/edit

[Manuel Rego Casasnovas]

Created attachment 244756 [details]
Safari 7 screenshot (OK)

[Manuel Rego Casasnovas]

Created attachment 244757 [details]
Safari 8 screenshot (FAIL)

[Ahmad Saleem]

I am unable to reproduce this in Safari 15.6 on macOS 12.5 and from attached test case, it is showing as "GREEN" text in Green color and it is matching with Chrome Canary 106 while Firefox Nightly 104 only show "Green" text as Black.

I am not sure on Web-Spec but considering Safari 7 had the behavior to show it as "GREEN", so I am assuming Safari 15.6 is showing it as fine and this can be considered as "RESOLVED CONFIGURATION CHANGED". If in case - Firefox is right, please ignore my testing and proceed accordingly. Thanks!

[Ryosuke Niwa]

This works now.