fune/testing/web-platform/tests/css/css-grid/grid-items/grid-item-inline-contribution-003.html
Ian Kilpatrick 6be8a43167 Bug 1718352 [wpt PR 29508] - [css-grid] Make grid-item-inline-contribution-{002,003} non-tentative., a=testonly
Automatic update from web-platform-tests
[css-grid] Make grid-item-inline-contribution-{002,003} non-tentative.

As per:
https://github.com/w3c/csswg-drafts/issues/6356#issuecomment-862800005

Change-Id: I9106e07fee72b64346d88fcae672404f086dec38
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2990504
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com>
Cr-Commit-Position: refs/heads/master@{#896271}

--

wpt-commits: 70982445d5726550e1256b7a5ef129bc6fa849e3
wpt-pr: 29508
2021-06-27 09:49:09 +00:00

28 lines
1.2 KiB
HTML

<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css-grid-2/#algo-overview">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6356#issuecomment-862800005">
<meta name="assert" content="Tests the min-content contribution is re-resolved during a 2nd pass.">
<!--
"
Then, if the min-content contribution of any grid item has changed based on
the row sizes and alignment calculated in step 2, re-resolve the sizes of the
grid columns with the new min-content and max-content contributions (once
only).
"
In this testcase initially the row size is indefinite, then resolves to 100px.
Using this information we re-resolve the columns, resulting in 100px for the
first column.
-->
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: grid; width: 0; grid-template: auto / auto auto;">
<div style="background: green;"> <!-- Has stretch alignment which the child should resolve against. -->
<canvas width="10" height="10" style="height: 100%;">
</div>
<div>
<div style="height: 100px;"></div>
</div>
</div>