NEW218579
[Interop 2021][css-flexbox] flex item margins not included in flex container overflow 
https://bugs.webkit.org/show_bug.cgi?id=218579
Summary [Interop 2021][css-flexbox] flex item margins not included in flex container ...
fantasai
Reported 2020-11-04 11:51:49 PST
Spec requires flex item margins (and the flex container's padding) to be included in the flex container's overflow area. This is tested in https://wpt.fyi/results/css/css-flexbox/overflow-area-001.html?label=experimental&label=master&aligned https://wpt.fyi/results/css/css-flexbox/overflow-area-002.html?label=experimental&label=master&aligned and it definitely bugs authors. (The spec bugs about including margins/padding were some of the most flagged issues in the CSSWG repo.)
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-11-04 12:08:26 PST
<rdar://problem/71046552>
Tim Nguyen (:ntim)
Comment 2 2022-10-05 20:50:09 PDT
if (isGridItem()) { // As per https://github.com/w3c/csswg-drafts/issues/3653, child's margins should contribute to the scrollable overflow area. // FIXME: Expand it to non-grid cases when applicable. rect.setWidth(rect.width() + std::max(0_lu, marginEnd())); } in RenderBox::layoutOverflowRectForPropagation is a good first place to look at.
fantasai
Comment 3 2025-10-16 12:22:43 PDT
Pull request: https://github.com/WebKit/WebKit/pull/52498
Note You need to log in before you can comment on or make changes to this bug.