mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 19:07:34 +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:
parent
1cfaadec02
commit
06d05b3c55
6 changed files with 83 additions and 1 deletions
|
@ -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
|
|
@ -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">
|
Loading…
Add table
Add a link
Reference in a new issue