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.
<rdar://problem/103999798>
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.
rdar://103732686
Pull request: https://github.com/WebKit/WebKit/pull/8457
Committed 258732@main (3e90af4d3b34): <https://commits.webkit.org/258732@main> Reviewed commits have been landed. Closing PR #8457 and removing active labels.
*** Bug 250820 has been marked as a duplicate of this bug. ***
*** Bug 251078 has been marked as a duplicate of this bug. ***
*** Bug 251755 has been marked as a duplicate of this bug. ***