Bug 247604

Summary: wrong painting order for abs.pos. boxes inside flex items that has been reordered with 'order'
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ntim, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
URL: https://codepen.io/webcompat/pen/qBKqpwZ

Description Karl Dubost 2022-11-07 23:27:32 PST
Test case at https://codepen.io/webcompat/pen/qBKqpwZ
Initially reported on https://bugs.chromium.org/p/chromium/issues/detail?id=606208

> Flex and grid containers lay out their contents in order-modified document order, starting from the lowest numbered ordinal group and going up. Items with the same ordinal group are laid out in the order they appear in the source document. This also affects the painting order [CSS2], exactly as if the flex/grid items were reordered in the source document. Absolutely-positioned children of a flex/grid container are treated as having order: 0 for the purpose of determining their painting order relative to flex/grid items.https://drafts.csswg.org/css-display-3/#order-property

Being discussed as a candidate on Interop 2023
- https://github.com/web-platform-tests/interop/issues/187#issuecomment-1294877815
Comment 1 Radar WebKit Bug Importer 2022-11-14 23:28:16 PST
<rdar://problem/102355371>
Comment 2 Tim Nguyen (:ntim) 2023-03-03 13:41:00 PST
rdar://74279579