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:	CSS	Assignee:	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