Bug 261649

Summary:	CSS container-type does not work correctly on <html> element
Product:	WebKit	Reporter:	Šime Vidas <sime.vidas>
Component:	CSS	Assignee:	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>