Bug 263582

Summary: [CSS Container Queries] `container` property on `html` element disable all viewport rendering
Product: WebKit Reporter: Roman Czerkies <dev>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Major CC: dev, koivisto, m_dubet, rik, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: All   
OS: All   
URL: https://romanczerki.es/
See Also: https://bugs.webkit.org/show_bug.cgi?id=261649
https://bugs.webkit.org/show_bug.cgi?id=249992
Attachments:
Description Flags
HTML and CSS to reproduce the bug none

Description Roman Czerkies 2023-10-24 01:15:19 PDT 
Created attachment 468317 [details]
HTML and CSS to reproduce the bug

For all these following cases, set a `container` property with `inline-size` value in the `html` element (as an Initial Containing Block)

Command-+ zoom:

2. Zoom+- in the webpage, nothing happen 
3. Reload the page to see the zoom effect


`prefers-` Media  Features:

1. When media queries are updated from the device's operating system, or the user agent (`prefers-color-scheme` or `prefers-contrast` for instance) anything is updated.
3. You have to reload the page to update the page and custom properties.


Precedent from another page:

1. Open a link in this page 
2. Click on precedent and once in a while the page is not rendered (a blank page occurs).
3. Again, reload the page and it renders.


All this cases can be reproduced here: https://romanczerki.es/

Also, https://bugs.webkit.org/show_bug.cgi?id=261649 seems related
Comment 1 Radar WebKit Bug Importer 2023-10-24 13:36:31 PDT 
<rdar://problem/117433388>