[AspectRatio] Fix bug in flex-aspect-ratio-024 test
The problem with the test was that due to the way we calculate
the intrinsic sizes of an inline flexbox, we end up sizing the
flexbox to 20px wide and then "stretching" the flex item to that
width.
Instead, use a wrapping flex box where flex line sizing does not
have that issue.
R=ikilpatrick@chromium.org, mstensho@chromium.org
Bug: 1117279
Change-Id: I719814fc5e4c570a100e131f4d903c09d4c05575
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2429543
Auto-Submit: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Christian Biesinger <cbiesinger@chromium.org>
Cr-Commit-Position: refs/heads/master@{#810284}
diff --git a/css/css-sizing/aspect-ratio/flex-aspect-ratio-024.tentative.html b/css/css-sizing/aspect-ratio/flex-aspect-ratio-024.tentative.html
index b0cefd5..ebac88c 100644
--- a/css/css-sizing/aspect-ratio/flex-aspect-ratio-024.tentative.html
+++ b/css/css-sizing/aspect-ratio/flex-aspect-ratio-024.tentative.html
@@ -7,6 +7,6 @@
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
-<div style="display: inline-flex; flex-direction: column; height: 100px;">
+<div style="display: inline-flex; flex-direction: column; flex-wrap: wrap; height: 100px;">
<img src="support/20x50-green.png" style="aspect-ratio: 1/1; min-height: 0; height: 50px; flex: 1;">
</div>
