Bug 218579
| Summary: | [Interop 2021][css-flexbox] flex item margins not included in flex container overflow | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | fantasai <fantasai.bugs> |
| Component: | Layout and Rendering | Assignee: | fantasai <fantasai.bugs> |
| Status: | REOPENED | ||
| Severity: | Normal | CC: | baba, bfulgham, commit-queue, karlcow, koivisto, ntim, simon.fraser, smoley, webkit-bug-importer, webkit-bugzilla, zalan |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar, WPTImpact |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | https://github.com/w3c/csswg-drafts/issues/4577 | ||
| Bug Depends on: | 302717 | ||
| Bug Blocks: | 212046, 292022 | ||
fantasai
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
<rdar://problem/71046552>
Tim Nguyen (:ntim)
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
Pull request: https://github.com/WebKit/WebKit/pull/52498
EWS
Committed 301814@main (37c111e7fc47): <https://commits.webkit.org/301814@main>
Reviewed commits have been landed. Closing PR #52498 and removing active labels.
EWS
Committed 301765.29@safari-7623-branch (c274d802a94c): <https://commits.webkit.org/301765.29@safari-7623-branch>
Reviewed commits have been landed. Closing PR #3808 and removing active labels.
Karl Dubost
*** Bug 258354 has been marked as a duplicate of this bug. ***
WebKit Commit Bot
Re-opened since this is blocked by bug 302717