[css-flex] Fix auto min size and flex basis for some a-r items

davidsgrogan · chromium-wpt-export-bot · commit 321ba4abf541 · 2021-10-01T18:28:31.000-07:00
Transferred size suggestion and max-content size could go below border_padding for box-sizing:border-box aspect-ratio elements. This patch just floors those values by border_padding. Fixed: 1240795 Change-Id: I5a04a80905c13f96c97413b1c1681707585a9a56 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3187278 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Commit-Queue: David Grogan <dgrogan@chromium.org> Cr-Commit-Position: refs/heads/main@{#927472}
diff --git a/css/css-sizing/aspect-ratio/flex-aspect-ratio-031.html b/css/css-sizing/aspect-ratio/flex-aspect-ratio-031.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>aspect-ratio flex item</title>
+<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-automatic">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" />
+<meta name="assert" content="There's enough space for padding after transferring flex-imposed definite height through the aspect ratio for a border-box flex item.">
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flex; height: 50px;">
+  <div style="padding-left: 100px; box-sizing: border-box; aspect-ratio: 1/1; background: green;"></div>
+</div>
+<div style="width: 100px; height: 50px; background: green"></div>
