Bug 225278 - [css-flexbox] `gap` does not work correctly when `flex-direction: column-reverse` is applied
Summary: [css-flexbox] `gap` does not work correctly when `flex-direction: column-reve...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-05-02 03:01 PDT by peter
Modified: 2021-06-04 10:23 PDT (History)
5 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description peter 2021-05-02 03:01:46 PDT
CSS `gap` utility does not work correctly when `flex-direction: column-reverse` is applied.
Comment 1 Radar WebKit Bug Importer 2021-05-09 03:02:14 PDT
<rdar://problem/77708991>
Comment 2 parion 2021-06-04 10:23:21 PDT
I created a minimal project to showcase the issue here. Notice the children element in the enclosing column-reverse layout are given no gap.

https://bugs.webkit.org/show_bug.cgi?id=225278