Bug 318111

Summary: Safari does not add padding-end on overflow for flexbox (but does for grid)
Product: WebKit Reporter: mihkel
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, sgill26, simon.fraser, zalan
Priority: P2    
Version: Safari 26   
Hardware: Mac (Apple Silicon)   
OS: macOS 26   
Attachments:
Description Flags
Image showing that flexbox has no scroll, but grid does none

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.