Bug 261649 - CSS container-type does not work correctly on <html> element
Summary: CSS container-type does not work correctly on <html> element
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 13
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2023-09-16 22:12 PDT by Šime Vidas
Modified: 2023-10-24 00:47 PDT (History)
5 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Šime Vidas 2023-09-16 22:12:29 PDT
Steps to reproduce: 

1. Use Safari on desktop
2. Switch to classic scrollbars (Appearance > Show scroll bars: Always)
3. Open https://codepen.io/simevidas/pen/bGOopaN?editors=0100
4. Click the “cause overflow” button

What should have happened: 

The gold bar should have decreased in width to fit into the smaller viewport width due to the classic scrollbar. That is what happens in Chrome and Firefox.

What happened:

The gold bar did not shrink and, as a result, it no longer fits into the viewport.
Comment 1 Tim Nguyen (:ntim) 2023-09-17 11:38:57 PDT
Bug 245656 is somewhat related.
Comment 2 Radar WebKit Bug Importer 2023-09-23 22:13:13 PDT