mirror of
https://github.com/servo/servo.git
synced 2025-08-03 04:30:10 +01:00
layout: Obey sizing keywords in layout_for_block_content_size()
(#36015)
We were ignoring sizing keywords on the min and max sizing properties. With this, flexbox layout has full support for sizing keywords. Signed-off-by: Oriol Brufau <obrufau@igalia.com>
This commit is contained in:
parent
1cd0ea057d
commit
a9afc631ae
3 changed files with 83 additions and 83 deletions
13
tests/wpt/meta/MANIFEST.json
vendored
13
tests/wpt/meta/MANIFEST.json
vendored
|
@ -171064,6 +171064,19 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"flex-item-max-width-min-content-002.html": [
|
||||
"7606f8ec5b108b275409ea85edce42c1348b02f3",
|
||||
[
|
||||
null,
|
||||
[
|
||||
[
|
||||
"/css/reference/ref-filled-green-100px-square-only.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"flex-item-max-width-min-content.html": [
|
||||
"dc5ce0523a6a12e50aaf23f26c3529d23040bee7",
|
||||
[
|
||||
|
|
17
tests/wpt/tests/css/css-flexbox/flex-item-max-width-min-content-002.html
vendored
Normal file
17
tests/wpt/tests/css/css-flexbox/flex-item-max-width-min-content-002.html
vendored
Normal file
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test: flex item with `max-width: min-content`</title>
|
||||
<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#flex-base-size">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#min-content">
|
||||
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="`max-width: min-content` limits the flex item to 100px wide,
|
||||
so the floats need to stack vertically and thus the flex base size is 100px.">
|
||||
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div style="display: flex; flex-direction: column; width: 200px; height: 100px">
|
||||
<div style="max-width: min-content; background: green">
|
||||
<div style="float: left; width: 100px; height: 50px"></div>
|
||||
<div style="float: left; width: 100px; height: 50px"></div>
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue