RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 05:27:45 +00:00
Code Issues Activity Actions

LibWeb: Reset margin collapsing state only if box indeed add clearance

Browse source 
This fixes the issue when margin collapsing state was always reset if
a box has clear property not equal to none even if it does not actually
introduce clearance.
This commit is contained in:
Aliaksandr Kalenik 2023-05-26 18:31:29 +03:00 • committed by Andreas Kling
parent b0a43404b9
commit 7cc20f4cb5
6 changed files with 83 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

24
Tests/LibWeb/Layout/input/block-and-inline/box-with-clearance-and-margin-top.html Normal file
View file

@ -0,0 +1,24 @@
<style>
.clearfix {
clear: both;
margin-top: 9999px;
margin-bottom: 100px;
background-color: black;
width: 10px;
height: 10px;
}
.square {
float: left;
width: 49px;
height: 49px;
}
.white {
background-color: salmon;
width: 100px;
height: 100px;
}
.black {
background-color: slateblue;
}
</style>
<div><div class="square white"></div><div class="clearfix"></div><div class="square black"></div></div>

8
Tests/LibWeb/Layout/input/block-and-inline/clear-both-without-introducing-clearance.html Normal file
View file

@ -0,0 +1,8 @@
<!doctype html><style>
.upper {
margin-bottom: 75px;
}
.mystery {
clear: both;
}
</style><body><div class="upper">upper</div><div class="mystery"></div><div class="lower">lower