Bug 206767 - [css-flexbox] Implement row-gap and column-gap for flex layout
Summary: [css-flexbox] Implement row-gap and column-gap for flex layout
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2020-01-24 12:51 PST by David Grogan
Modified: 2020-06-19 00:52 PDT (History)
14 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description David Grogan 2020-01-24 12:51:42 PST
We're planning to make flex containers obey the row-gap and column-gap properties from https://drafts.csswg.org/css-align/#gap-flex .
Comment 1 David Grogan 2020-01-24 12:52:08 PST
"We" meaning chromium.
Comment 2 Masataka Yakura 2020-01-26 11:44:04 PST
That gap support in Flexbox has been supported in Firefox for quite some time. It's really useful for some horizontal list of links (e.g. ones in the header in https://webkit.org/blog/ ).

Although that was a nice addition the way CSSWG did was not easily feature detectable (just repurpose `gap` props apply to Flex and add no `flex-gap` properties so `@supports` didn't work...)... I'd love Chromium/WebKit support the feature around the same time.
Comment 3 Laurie 2020-05-10 02:42:44 PDT
Chromium now supports this along with Firefox. It would be great to have webkit also support flex gap. Is this something that is being planned at all?
Comment 4 Radar WebKit Bug Importer 2020-05-15 09:59:17 PDT