Bug 250293 – REGRESSION (257171@main): Static media query inside a dynamic media query breaks dynamic evaluation

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Karl Dubost]

Created attachment 464410 [details]
test case demonstrating the issue

1. Go the testcase with a wide viewport in Safari

Expected:
the square is green

Actual: 
the square is red.


Firefox and Chrome displays green.


PS: also opened on https://github.com/webcompat/web-bugs/issues/116472

This has a real consequence on the readability of this site
http://d5f.org/en

This is probably a site mistake, but there is still a behavior difference in between Safari
and Chrome/Firefox on the other side.

[Radar WebKit Bug Importer]

<rdar://problem/103999798>

[Matthieu Dubet]

This is broken in STP and trunk indeed (it works on stable Safari).
The parsing seems correct (with or without the CSS nesting experimental flag).

(I've added a small snippet to check it:
<script>
var rule = s.sheet.cssRules[1];
l.textContent = rule.cssText;
</script>
)

It seems to be a media query evaluation issue.

[Antti Koivisto]

rdar://103732686

[Antti Koivisto]

Pull request: https://github.com/WebKit/WebKit/pull/8457

[EWS]

Committed 258732@main (3e90af4d3b34): <https://commits.webkit.org/258732@main>

Reviewed commits have been landed. Closing PR #8457 and removing active labels.

[Antti Koivisto]

*** Bug 250820 has been marked as a duplicate of this bug. ***

[Antti Koivisto]

*** Bug 251078 has been marked as a duplicate of this bug. ***

[zalan]

*** Bug 251755 has been marked as a duplicate of this bug. ***