fune/testing/web-platform/tests/css/css-grid/grid-items/item-with-table-with-infinite-max-intrinsic-width.html
Morten Stenshorne 999a4bd87c Bug 1468206 [wpt PR 11462] - Avoid ~infinite table max logical width inside flex and grid containers., a=testonly
Automatic update from web-platform-testsAvoid ~infinite table max logical width inside flex and grid containers.

An infinite (or actually kTableMaxWidth, which is 1000000px) max logical
width doesn't work well inside flexboxes, because
LayoutFlexibleBox::ComputeInnerFlexBaseSizeForChild() will use a child's
MaxPreferredLogicalWidth() as main axis extent if it's auto.

Grid containers have similar issues with such tables, so avoid it for
them as well.

Don't apply this to deprecated flexbox, as that would cause two tests
failures:
* fast/block/block-size-integer-overflow.html
* fast/deprecated-flexbox/box-size-integer-overflow.html

Bug: 850566
Change-Id: I9984459801ac229575e8177a9d683088e723db6c
Reviewed-on: https://chromium-review.googlesource.com/1095220
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: Manuel Rego Casasnovas <rego@igalia.com>
Cr-Commit-Position: refs/heads/master@{#567032}

--

wpt-commits: 66f38302334f162d363afcf4a1792d895072f3ef
wpt-pr: 11462
2018-07-11 07:50:15 +01:00

16 lines
775 B
HTML

<!DOCTYPE html>
<title>Grid item with table with infinite max intrinsic inline size</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-item-sizing" title="6.2. Grid Item Sizing">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display:grid; grid-template-columns:max-content; width:100px; height:100px; background:green;">
<div>
<table style="height:50px; background:green;" cellpadding="0" cellspacing="0">
<tr>
<td style="width:100%; background:green;">&nbsp;</td>
<td style="background:green;">&nbsp;</td>
</tr>
</table>
</div>
</div>