Hi everyone!
Two days ago, I added a WPT[0] to cover the painting order for
absolutely positioned boxes *inside* flex-items. Blink, according to
Blink bug 606208[1], disagrees with the spec here, so does WebKit.
We (as in Mozilla) rediscovered that issue by investigating real-world
breakage on an airline's date picker, where the disagreement caused
some issues. As far as I understand the spec, Firefox is right here,
so the WPT matches that, it's failing everywhere but Firefox.
According to the comment in the crbug, this may also be an issue for
Grid. And while this may look like a super weird edge case, I fear
there might be quite some cases where this difference results in some
subtle cross-browser issues.
Would be good to have some additional eyes on that. :)
[0]:
https://wpt.fyi/results/css/css-flexbox/order/order-abs-children-painting-order.html
[1]:
https://bugs.chromium.org/p/chromium/issues/detail?id=606208
Best,
Dennis