Bug 247604 - wrong painting order for abs.pos. boxes inside flex items that has been reordered with 'order'
Summary: wrong painting order for abs.pos. boxes inside flex items that has been reord...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/webcompat/pen/qBKqpwZ
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-11-07 23:27 PST by Karl Dubost
Modified: 2023-03-03 13:41 PST (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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