250820 2023-01-18 19:16:37 -0800 [MQ4] (regression) nested media query failure 2023-01-18 23:35:58 -0800 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 250293 BrowserCompat P2 Normal --- 1 phiw2 webkit-unassigned karlcow koivisto m_dubet oldest_to_newest 1926515 0 464550 phiw2 2023-01-18 19:16:37 -0800 Created attachment 464550 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. 1926536 1 koivisto 2023-01-18 23:35:58 -0800 This was fixed in <https://commits.webkit.org/258732@main> *** This bug has been marked as a duplicate of bug 250293 *** 464550 2023-01-18 19:16:37 -0800 2023-01-18 19:16:37 -0800 test case nested-MQ.html text/html 584 phiw2 PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIiBkaXI9Imx0ciI+CjxoZWFkPgoKPG1ldGEg Y2hhcnNldD0idXRmLTgiPgo8dGl0bGU+dGVzdDogbmVzdGVkIE1RPC90aXRsZT4KPG1ldGEgbmFt ZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0x LCBzaHJpbmstdG8tZml0PW5vIj4KPG1ldGEgbmFtZT0iY29sb3Itc2NoZW1lIiBjb250ZW50PSJs aWdodCBkYXJrIj4KPHN0eWxlPgpib2R5IHsgYmFja2dyb3VuZDogZ3JlZW47IGNvbG9yOiB3aGl0 ZSB9CgpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOjEwMDAwcHgpewogIGJvZHkgeyBib3Jk ZXI6IDJweCBzb2xpZCB5ZWxsb3c7fQogIEBtZWRpYSBzY3JlZW4geyAvKiBhbnkgTVEgKi8KICAg IC5jbGFzcyB7IGZvbnQtc2l6ZTogMmVtO30KICB9CiAgYm9keSB7IGJhY2tncm91bmQ6IHJlZDt9 Cjwvc3R5bGU+Cgo8L2hlYWQ+Cgo8Ym9keT4KCjxwPiBUaGVyZSBzaG91bGQgYmUgbm8gcmVkIG9u IHRoaXMgcGFnZSwgdW5sZXNzIHRoZSB3aW5kb3cgaXMgd2lkZXIgdGhhdCAxMDAwMHB4LgoKPC9i b2R5Pgo8L2h0bWw+Cgo=