1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 12:57:35 +00:00

LibWeb: Boxes that establish FFC or GFC should avoid overlapping floats

Before, we only ensured that boxes establishing BFC did not overlap
with floats because that is what CSS 2.2 specification says. However,
we should also apply the same for boxes establishing FFC or GFC as this
aligns with the behavior of other browsers.

Fixes https://github.com/SerenityOS/serenity/issues/21095
This commit is contained in:
Aliaksandr Kalenik 2023-09-22 15:33:25 +02:00 committed by Andreas Kling
parent 1cfaadec02
commit 06d05b3c55
6 changed files with 83 additions and 1 deletions

View file

@ -0,0 +1,14 @@
<!doctype html><style>
* { outline: 1px solid black; }
body { width: 400px; }
.right {
float: right;
background: orange;
}
.flex {
display: flex;
height: 50px;
background: wheat;
}
.item { background: pink; }
</style><body><div class="right">right</div><div class="flex"><div class="item">item

View file

@ -0,0 +1,13 @@
<!doctype html><style>
* { outline: 1px solid black; }
body { width: 400px; }
.right {
float: right;
background: orange;
}
.grid {
display: grid;
height: 50px;
background: wheat;
}
</style><body><div class="right">right</div><div class="grid">