Bug 261649

Summary: CSS container-type does not work correctly on <html> element
Product: WebKit Reporter: Šime Vidas <sime.vidas>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bramus, dev, heycam, koivisto, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Intel)   
OS: macOS 13   
See Also: https://bugs.webkit.org/show_bug.cgi?id=245656

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
<rdar://problem/115946800>