Bug 250820 - [MQ4] (regression) nested media query failure
Summary: [MQ4] (regression) nested media query failure
Status: RESOLVED DUPLICATE of bug 250293
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat
Depends on:
Blocks:
 
Reported: 2023-01-18 19:16 PST by Philippe Wittenbergh
Modified: 2023-01-18 23:35 PST (History)
3 users (show)

See Also:

Attachments
test case (584 bytes, text/html)
2023-01-18 19:16 PST, Philippe Wittenbergh 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Philippe Wittenbergh 2023-01-18 19:16:37 PST 
Created attachment 464550 [details]
test case

A nested media query (MQ) prematurely closes the parent MQ, causing subsequent styles to be wrongly applied.

example:<style>
body { background: green; color: white }

@media screen and (min-width:10000px){
  body { border: 2px solid yellow;}
  @media screen { /* any MQ will do */
    .class { font-size: 2em;}
  }
  body { background: red;}
</style>

In Safari TP the background is red instead of green. Safari 16.2, Firefox and Blink all are correct.

I think this started with Safari TP 160.
Comment 1 Antti Koivisto 2023-01-18 23:35:58 PST 
This was fixed in <https://commits.webkit.org/258732@main>

*** This bug has been marked as a duplicate of bug 250293 ***