[AspectRatio] Correctly handle a stretched item in a fixed height flexbox
With a fixed-height single-line flex container, a stretched item should be
considered to have a definite height and thus should have its aspect-ratio
calculated from that:
https://drafts.csswg.org/css-flexbox/#definite-sizes item 1
This patch limits this behavior to the CSS aspect-ratio property for now
(as opposed to supporting it for everything with an aspect ratio, like
images), to limit the behavior differences from pre-FlexNG Blink.
Bug: 1083020
Change-Id: I2abe33d49a8727857a28e47ba6344ad3da860cad
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2212984
Commit-Queue: Christian Biesinger <cbiesinger@chromium.org>
Auto-Submit: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#771863}
diff --git a/css/css-sizing/aspect-ratio/flex-aspect-ratio-009.tentative.html b/css/css-sizing/aspect-ratio/flex-aspect-ratio-009.tentative.html
new file mode 100644
index 0000000..cb76e0d
--- /dev/null
+++ b/css/css-sizing/aspect-ratio/flex-aspect-ratio-009.tentative.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>CSS aspect-ratio: Row flexbox main size</title>
+<link rel="author" title="Google LLC" href="https://www.google.com/">
+<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#line-sizing" title="9.2.3.B">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
+<meta name="assert" content="A stretched flex item in a definite-height single-line flex container should trigger aspect-ratio.">
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<div style="display: flex; height: 100px;">
+ <div style="background: green; aspect-ratio: 1/1; min-width: 0;"></div>
+</div>
