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.
I wonder if it's not related to Container Queries, but just to orientation changes.
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.
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
<rdar://problem/103396113>