RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 16:57:34 +00:00
Code Issues Activity Actions

LibWeb: Make sure that margins don't collapse across a nested BFC

Browse source 
In order to fix this, I also had to reorganize the code so that we
create an independent formatting context even for block-level boxes
that don't have any children. This accidentally improves a table
layout test as well (for empty tables).
This commit is contained in:
Andreas Kling 2023-05-19 13:48:47 +02:00
parent 9ce7681ff2
commit 411b28fc59
4 changed files with 62 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

20
Tests/LibWeb/Layout/input/block-and-inline/margin-must-not-collapse-across-nested-bfc.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html><style>
* {
padding: 0;
}
html {
background: white;
}
body {
background: pink;
}
.not-bfc {
margin-top: 30px;
height: 20px;
background: orange;
}
.bfc {
margin-top: 30px;
display: flow-root;
}
</style><div class="not-bfc"></div><div class=bfc></div><div class="not-bfc"></div>