1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 05:57:44 +00:00

LibWeb: Consider entire stack of floated boxes when floating new box

If normal flow layout has caused us to progress past the current
innermost float in the block axis, we still need to consider the floats
stacked outside of it.

Fix this by always walking the currently stacked floats from innermost
to outermost when placing new floats.
This commit is contained in:
Andreas Kling 2023-03-11 18:27:11 +01:00
parent 6960a1bb45
commit 92eaad8f2e
3 changed files with 95 additions and 25 deletions

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style>
* {
font-family: 'SerenitySans';
}
.big-float {
float: left;
width: 100px;
height: 100px;
background-color: pink;
}
.xxx,
.yyy {
float: left;
background-color: orange;
}
</style>
</head>
<div class="big-float"></div>
<div class="xxx">xxx</div>
bar
<div>
<div class="yyy">yyy</div>
baz
</div>
</html>