mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
8a66efaeb2
Automatic update from web-platform-tests [LayoutNG] Give flex items their stretched size earlier. Force the cross size on stretchy items when they are laid out for flex base sizing or cross size determination. Bug: 845235 Change-Id: I49c6b9a9ef1d2e86aa02c47841075ed2726d5619 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1762816 Commit-Queue: David Grogan <dgrogan@chromium.org> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Cr-Commit-Position: refs/heads/master@{#689303} -- wpt-commits: 0702f3fe6d81479cb42dcc59c930599cd28ca5cc wpt-pr: 18572
31 lines
797 B
HTML
31 lines
797 B
HTML
<!DOCTYPE html>
|
|
<title>flex base size and stretched items</title>
|
|
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#definite-sizes" title="bullet #1">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="Item's stretched size is used for laying out descendants when determining flex base size." />
|
|
<style>
|
|
x-flexbox {
|
|
display: flex;
|
|
height: 100px;
|
|
}
|
|
|
|
x-item {
|
|
background: green;
|
|
writing-mode: vertical-lr;
|
|
}
|
|
|
|
x-item > div {
|
|
padding-right: 70%;
|
|
width: 30px;
|
|
}
|
|
</style>
|
|
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
|
|
<x-flexbox>
|
|
<x-item>
|
|
<div></div>
|
|
</x-item>
|
|
</x-flexbox>
|