1715302 - Add WPT coverage for the drawing order of absolutely positioned boxes inside flex items

Status: RESOLVED FIXED

(Core :: Layout: Flexbox, task)

Description

[Dennis Schubert [:denschub]]

In WebCompat bug 73426, we discovered an issue with the flydubai.com date picker being covered by another element on the page. As per bug 1710927, this is actually caused by a Flexbox incompatibility.

Firefox is right here, and Blink/WebKit treat the absolutely positioned elements inside the flex-items as if they are inside an order: 0 item, which shouldn't be the case here. This is known and reported as https://crbug.com/606208

In light of the Compat2021 efforts, let's add a WPT for this, that's known to fail everywhere but Firefox, and use that to raise attention to this issue.

Comment 1

[Dennis Schubert [:denschub]]

Attachment: Bug 1715302 - Add WPT coverage for the drawing order of absolutely positioned boxes inside flex items. r?emilio

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/86b7f32c2f96
Add WPT coverage for the drawing order of absolutely positioned boxes inside flex items. r=emilio

Comment 3

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/29286 for changes under testing/web-platform/tests

Comment 4

[Narcis Beleuzu [:NarcisB]]

https://hg.mozilla.org/mozilla-central/rev/86b7f32c2f96

Comment 5

[Daniel Holbert [:dholbert]]

Thanks! Nice to have coverage in the shared test repo for this case.

Comment 6

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot