Bug 225278

Summary: [css-flexbox] `gap` does not work correctly when `flex-direction: column-reverse` is applied
Product: WebKit Reporter: peter <peponeupauer>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: griffinwiebel, simon.fraser, svillar, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   

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