fune/testing/web-platform/tests/css/css-flexbox/table-as-item-large-intrinsic-size.html
Ian Kilpatrick cd0723d2f0 Bug 1737133 [wpt PR 31353] - [flex] Change ApplyStretchAlignmentToChild to use stretching., a=testonly
Automatic update from web-platform-tests
[flex] Change ApplyStretchAlignmentToChild to use stretching.

When we set a forced block-size on a child it'll be that size ignoring
all other constraints.

This was problematic for tables, as we ignored the intrinsic block-size
of the tables.

Previously we'd manually calculate the "stretched" cross-axis size for
items, with tables we didn't consider the intrinsic block-size.

Here we skip the problem by just setting the stretch constraint on a
flex-item instead of the forced block-size.

Eventually we'll be able to remove the:
FlexItem::cross_axis_size_
member.

Bug: 1257572
Change-Id: I8824763e2fdb2c46328737a66c66ac3e4e3f279b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3221603
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/main@{#934066}

--

wpt-commits: 3af0f10d73d26685a783efbc3b82ae71e2d0db95
wpt-pr: 31353
2021-10-29 10:24:31 +00:00

12 lines
558 B
HTML

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-height">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: flex; width: 100px; height: 50px;">
<table style="position: relative; flex: 1; border-spacing: 0;">
<td style="padding: 0;">
<div style="height: 100px;"></div>
<div style="position: absolute; inset: 0; background: green;"></div>
</td>
</table>
</div>