layout: Enable flexbox by default on non-legacy layout (#33186)

Flexbox is still very much in progress, but things are working well
enough that we can enable it by default. It improves most pages that use
flexbox now.

Signed-off-by: Martin Robinson <mrobinson@igalia.com>
This commit is contained in:
Martin Robinson 2024-08-26 06:50:52 -07:00 committed by GitHub
parent b6d5ac09b0
commit 7b7020a8d4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
63 changed files with 465 additions and 351 deletions

View file

@ -1,12 +0,0 @@
[elementFromPoint-subpixel.html]
[Hit test top left corner of box]
expected: FAIL
[Hit test top right corner of box]
expected: FAIL
[Hit test bottom left corner of box]
expected: FAIL
[Hit test lower left corner of box]
expected: FAIL

View file

@ -71,3 +71,435 @@
[scrollHeight with negative margins: display: block; overflow: scroll; direction: rtl;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: visible; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: visible; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: hidden; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: hidden; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: auto; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: auto; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: scroll; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: scroll; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: visible; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: visible; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: hidden; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: hidden; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: auto; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: auto; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: block; overflow: scroll; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: block; overflow: scroll; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: row-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;]
expected: FAIL