mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 13:48:23 +02:00
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
15 lines
862 B
HTML
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>
|