Fix various issues with replaced elements in flex layout (#33263)

In particular, this takes into account that flex items may be stretched,
and if they have an aspect ratio, we ma6y need to convert the stretched
size through the ratio.

Signed-off-by: Oriol Brufau <obrufau@igalia.com>
Co-authored-by: Martin Robinson <mrobinson@igalia.com>
This commit is contained in:
Oriol Brufau 2024-08-31 01:39:18 +02:00 committed by GitHub
parent 4ae2610c24
commit 3acc9edd82
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
43 changed files with 334 additions and 481 deletions

View file

@ -1,2 +0,0 @@
[aspect-ratio-intrinsic-size-001.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[aspect-ratio-intrinsic-size-002.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[aspect-ratio-intrinsic-size-006.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[css-flexbox-img-expand-evenly.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flex-aspect-ratio-img-column-010.html]
expected: FAIL

View file

@ -1,9 +1,3 @@
[flex-aspect-ratio-img-column-011.html]
[.flexbox 7]
expected: FAIL
[.flexbox 1]
expected: FAIL
[.flexbox 3]
expected: FAIL

View file

@ -1,3 +0,0 @@
[flex-aspect-ratio-img-row-005.html]
[img 3]
expected: FAIL

View file

@ -1,15 +0,0 @@
[flex-aspect-ratio-img-row-013.html]
[img 1]
expected: FAIL
[img 2]
expected: FAIL
[img 3]
expected: FAIL
[img 4]
expected: FAIL
[img 5]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flex-minimum-height-flex-items-020.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flex-minimum-height-flex-items-021.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flex-minimum-width-flex-items-013.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flexbox-flex-basis-content-002a.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flexbox-flex-basis-content-002b.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flexbox-min-width-auto-002a.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flexbox-min-width-auto-002b.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flexbox-min-width-auto-002c.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flexbox_align-items-stretch-4.html]
expected: FAIL

View file

@ -1,4 +0,0 @@
[flexitem-stretch-image.html]
[.flexbox 1]
expected: FAIL

View file

@ -1,15 +0,0 @@
[image-as-flexitem-size-001.html]
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 10]
expected: FAIL
[.flexbox > img 11]
expected: FAIL

View file

@ -1,15 +0,0 @@
[image-as-flexitem-size-001v.html]
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 11]
expected: FAIL
[.flexbox > img 10]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL

View file

@ -1,3 +0,0 @@
[image-as-flexitem-size-002.html]
[.flexbox > img 4]
expected: FAIL

View file

@ -1,3 +0,0 @@
[image-as-flexitem-size-002v.html]
[.flexbox > img 4]
expected: FAIL

View file

@ -1,21 +0,0 @@
[image-as-flexitem-size-003.html]
[.flexbox > img 1]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 11]
expected: FAIL
[.flexbox > img 10]
expected: FAIL

View file

@ -1,21 +0,0 @@
[image-as-flexitem-size-003v.html]
[.flexbox > img 1]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 11]
expected: FAIL
[.flexbox > img 10]
expected: FAIL

View file

@ -1,15 +0,0 @@
[image-as-flexitem-size-004.html]
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 1]
expected: FAIL

View file

@ -1,15 +0,0 @@
[image-as-flexitem-size-004v.html]
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 1]
expected: FAIL

View file

@ -1,24 +0,0 @@
[image-as-flexitem-size-005.html]
[.flexbox > img 18]
expected: FAIL
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 1]
expected: FAIL
[.flexbox > img 2]
expected: FAIL

View file

@ -1,24 +0,0 @@
[image-as-flexitem-size-005v.html]
[.flexbox > img 18]
expected: FAIL
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 1]
expected: FAIL
[.flexbox > img 2]
expected: FAIL

View file

@ -1,24 +0,0 @@
[image-as-flexitem-size-006.html]
[.flexbox > img 15]
expected: FAIL
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 1]
expected: FAIL
[.flexbox > img 3]
expected: FAIL

View file

@ -1,24 +0,0 @@
[image-as-flexitem-size-006v.html]
[.flexbox > img 15]
expected: FAIL
[.flexbox > img 8]
expected: FAIL
[.flexbox > img 5]
expected: FAIL
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 1]
expected: FAIL
[.flexbox > img 3]
expected: FAIL

View file

@ -1,15 +0,0 @@
[image-as-flexitem-size-007.html]
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 6]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 10]
expected: FAIL
[.flexbox > img 11]
expected: FAIL

View file

@ -1,15 +0,0 @@
[image-as-flexitem-size-007v.html]
[.flexbox > img 4]
expected: FAIL
[.flexbox > img 11]
expected: FAIL
[.flexbox > img 10]
expected: FAIL
[.flexbox > img 7]
expected: FAIL
[.flexbox > img 6]
expected: FAIL

View file

@ -0,0 +1,3 @@
[row-use-cases-001.html]
[same heights]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flex-aspect-ratio-023.html]
expected: FAIL

View file

@ -1,2 +0,0 @@
[flex-aspect-ratio-024.html]
expected: FAIL