Bug 249208 - [margin-trim] Implement margin-trim for flex containers
Summary: [margin-trim] Implement margin-trim for flex containers
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Sammy Gill
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-12-12 22:30 PST by Sammy Gill
Modified: 2023-01-06 14:43 PST (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Sammy Gill 2022-12-12 22:30:56 PST 
For flex containers specifically, margin-trim discards

- the corresponding margin of each flex item on the closest flex line when trimming an edge parallel to the main axis
- the corresponding margin of the first/last flex item on each flex line when trimming an edge parallel to the cross axis
- This process ignores any collapsed flex items.

https://w3c.github.io/csswg-drafts/css-box-4/#margin-trim-flex
Comment 1 Radar WebKit Bug Importer 2022-12-12 22:31:19 PST 
<rdar://problem/103285847>
Comment 2 Sammy Gill 2023-01-03 15:15:52 PST 
Pull request: https://github.com/WebKit/WebKit/pull/8166
Comment 3 EWS 2023-01-06 14:43:10 PST 
Committed 258563@main (0efe67f528eb): <https://commits.webkit.org/258563@main>

Reviewed commits have been landed. Closing PR #8166 and removing active labels.