Part 2 - Use StyleSizeOverrides to stretch flex item's inline-size.
Also, suppress a flex item's aspect-ratio by using
StyleSizeOverrides::mAspectRatio added in Part 1. Otherwise,
testing/web-platform/tests/css/css-flexbox/flex-minimum-height-flex-items-023.html
is going to break.
table-as-item-stretch-cross-size-3 is adapted from the testcase in bug
799725 comment 1. Note: stretching in the cross axis that is a block
axis has been fixed by bug 1674302.
Differential Revision: https://phabricator.services.mozilla.com/D106195
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=799725
gecko-commit: 0036bd0a605655eb7ac5141aeb646b1362621997
gecko-reviewers: dholbert
diff --git a/css/css-flexbox/table-as-item-stretch-cross-size-3.html b/css/css-flexbox/table-as-item-stretch-cross-size-3.html
new file mode 100644
index 0000000..04e168e
--- /dev/null
+++ b/css/css-flexbox/table-as-item-stretch-cross-size-3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=799725">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<meta name="assert" content="The table's cross-axis (inline-size) is stretched while the main-axis is not growing.">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flex; flex-direction: column; width: 100px; background: red;">
+ <table style="border-spacing: 0; height: 90px;">
+ <caption style="height: 10px; background: green;"></caption>
+ <td style="background: green;"></td>
+ </table>
+</div>
