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

LibWeb: Handle overlapping floating box and left margin

Browse source 
Allow the left margin of a box which creates a block formatting context
to overlap with left floating boxes which are siblings in the document
tree.

Fixes #20233 and the comment layout on https://lobste.rs.
This commit is contained in:
Andi Gallo 2023-07-05 03:39:28 +00:00 • committed by Andreas Kling
parent 34c702e6e8
commit 6a17a30e2e
6 changed files with 100 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

26
Tests/LibWeb/Layout/input/block-and-inline/block-with-hidden-overflow-after-sibling-float.html Normal file
View file

@ -0,0 +1,26 @@
<style>
.a {
float: left;
}
.a4 {
display: block;
}
.c {
overflow: hidden;
}
</style>
<div>
<div>
<div class="a">
<div class="a4">AAAA</div>
<div>A</div>
</div>
</div>
<div style="margin-left: 100px">
<div>B</div>
<div class="c">C</div>
</div>
</div>