Bug 263582 - [CSS Container Queries] `container` property on `html` element disable all viewport rendering
Summary: [CSS Container Queries] `container` property on `html` element disable all vi...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 17
Hardware: All All
: P2 Major
Assignee: Nobody
URL: https://romanczerki.es/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-10-24 01:15 PDT by Roman Czerkies
Modified: 2024-06-26 19:02 PDT (History)
6 users (show)

See Also:

Attachments
HTML and CSS to reproduce the bug (12.15 KB, text/html)
2023-10-24 01:15 PDT, Roman Czerkies 		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 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>