Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-10-01 17:19:16 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix PlacementAmongFloats to avoid missing some bands (#30280)

Browse source 
PlacementAmongFloats would stop iterating when current_bands would be
empty, even if next_band wasn't at infinity.

Then the BFC root or replaced block was placed after all the floats,
even if it could fit next to some of them.

This patch moves the next_band into current_bands so that the loop
keeps considering bands.
This commit is contained in:
Oriol Brufau 2023-09-01 22:18:19 +02:00 • committed by GitHub
parent efa8433548
commit a4fdbc30ea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 63 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/meta-legacy-layout/css/CSS2/floats/floats-wrap-bfc-008.html.ini Normal file
View file

@ -0,0 +1,2 @@
[floats-wrap-bfc-008.html]
expected: FAIL

13
tests/wpt/meta/MANIFEST.json
View file

@ -61829,6 +61829,19 @@
{}
]
],
"floats-wrap-bfc-008.html": [
"5da80756d5f00f19afca1c05af462cac3af62a67",
[
null,
[
[
"/css/CSS2/reference/ref-filled-green-100px-square.xht",
"=="
]
],
{}
]
],
"floats-wrap-bfc-outside-001.xht": [
"5ba6a9750e7bafcb0a1fa1e5e420f337943a232a",
[

2
tests/wpt/meta/css/CSS2/css1/c414-flt-fit-001.xht.ini
View file

@ -1,2 +0,0 @@
[c414-flt-fit-001.xht]
expected: FAIL

30
tests/wpt/tests/css/CSS2/floats/floats-wrap-bfc-008.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>CSS Test: BFC root after 2 floats</title>
<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css2/#floats">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="
The BFC root doesn't fit next to the 1st float, but fits next to the 2nd one,
so it should be placed next to the 2nd one.">
<style>
.wrapper {
width: 100px;
}
.float {
float: left;
height: 50px;
background: green;
}
.bfc {
overflow: hidden;
width: 50px;
height: 50px;
background: green;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="wrapper">
<div class="float" style="width: 100px"></div>
<div class="float" style="width: 50px"></div>
<div class="bfc" style=""></div>
</div>