WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED DUPLICATE of
bug 316902
318111
Safari does not add padding-end on overflow for flexbox (but does for grid)
https://bugs.webkit.org/show_bug.cgi?id=318111
Summary
Safari does not add padding-end on overflow for flexbox (but does for grid)
mihkel
Reported
2026-06-29 07:38:59 PDT
Created
attachment 480248
[details]
Image showing that flexbox has no scroll, but grid does Hi, it seems that in Safari, padding-end on a flexbox container does not cause overflow if the contents themselves do not overflow, but it does cause overflow with a similar grid layout. This issue can be reproduced here:
https://codepen.io/risker/pen/xbgXbeJ
In both Chrome and Firefox, both flexbox and grid behave the same, i.e. they are both scrollable by the padding.
Attachments
Image showing that flexbox has no scroll, but grid does
(27.94 KB, image/png)
2026-06-29 07:38 PDT
,
mihkel
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
alan
Comment 1
2026-06-29 16:50:23 PDT
https://commits.webkit.org/315813@main
fixed this issue. *** This bug has been marked as a duplicate of
bug 316902
***
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug