gecko-dev/testing/web-platform/tests/css/css-flexbox/align-items-007.html
Christian Biesinger 2afdd29b1b Bug 1550309 [wpt PR 16616] - [css-flexbox] Use ComputeLogicalWidth for the unstretched inline size, a=testonly
Automatic update from web-platform-tests
[css-flexbox] Use ComputeLogicalWidth for the unstretched inline size

Instead of essentially reimplementing ComputeLogicalWidth, just call it.
As long as no override size is set, it will do the right thing here.

This makes <img src="foo.svg"> size correctly.

I also renamed ChildIntrinsicLogicalWidth to better reflect the purpose
of this function

R=dgrogan@chromium.org, eae@chromium.org

Bug: 957454
Change-Id: I5c0f7509c05eab0945e05bdbae1ca15bf871da8a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1590508
Commit-Queue: Christian Biesinger <cbiesinger@chromium.org>
Auto-Submit: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Reviewed-by: Emil A Eklund <eae@chromium.org>
Cr-Commit-Position: refs/heads/master@{#655501}

--

wpt-commits: 7f292de875a4d71b514590ce80eb3d36878c8b1c
wpt-pr: 16616
2019-06-05 10:28:15 +01:00

15 lines
862 B
HTML

<!DOCTYPE html>
<link rel="author" title="Google LLC" href="http://www.google.com" />
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#cross-sizing" />
<title>css-flexbox: Tests that we size items in a wrapping column flexbox as fit-content</title>
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="The image should fit wholly within the flexbox." />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<!-- This makes sure that we only see green if the flex items are sized correctly -->
<div style="position: absolute; width: 100px; height: 100px; background: green;"></div>
<div style="display: flex; flex-direction: column; width: 100px; height: 100px; line-height: 20px; align-items: center; background: green;">
<img src="../support/red-rect.svg">
</div>