NEW248940
Inline SVG not invalidating in reaction to orientation media query 
https://bugs.webkit.org/show_bug.cgi?id=248940
Summary Inline SVG not invalidating in reaction to orientation media query
Jake Archibald
Reported 2022-12-08 03:12:11 PST
Created attachment 463936 [details] Video demonstrating issue https://static-misc-3.glitch.me/safari-cq-bug/ The gradient area has a container query which changes on 'orientation'. However, in Safari, only some of the elements seem to react to it. Notably, the inline SVG group doesn't appear to react. Refreshing the page gives the correct rendering. Compare to Chrome which correctly reacts during resize. See the attached video of the issue. Apologies, the test case isn't fully reduced, but it's relatively simple.
Attachments
Video demonstrating issue (740.94 KB, video/mp4)
2022-12-08 03:12 PST, Jake Archibald 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2022-12-11 19:35:15 PST
I wonder if it's not related to Container Queries, but just to orientation changes.
Jake Archibald
Comment 2 2022-12-11 23:56:03 PST
Ah, yes. Here's an example that just uses plain media queries http://static-misc-3.glitch.me/safari-cq-bug/mqs.html. It has the same bug.
Jake Archibald
Comment 3 2022-12-12 00:00:17 PST
Unsurprisingly (since I guess it's the same code path), the same bug exists with aspect-ratio http://static-misc-3.glitch.me/safari-cq-bug/ar.html
Radar WebKit Bug Importer
Comment 4 2022-12-15 03:13:16 PST
<rdar://problem/103396113>
Note You need to log in before you can comment on or make changes to this bug.