ladybird
ladybird copied to clipboard
LibWeb: Float issue with full width divs
Test Program
<div style="width: 100%; float: left; background-color: red;">
<h2>Well</h2>
<p>well</p>
</div>
<div style="width: 100%; float: left; background-color: red;">
<h2>Hello</h2>
<p>hello</p>
</div>
<div style="width: 100%; float: left; background-color: red;">
<h2>Friends</h2>
<p>friends</p>
</div>
Expected Result (Firefox)
Actual Result (Ladybird)
Note the white line between the second and third divs.
Thoughts
Might be related to GH-107 and GH-231. Might be a similar issue to https://github.com/SerenityOS/serenity/pull/24241.
I think this might be a rounding issue, the issue seems to occur between all divs if you zoom in.
This appears to have been fixed now:
@shannonbooth still seeing this issue at 130% zoom in Ladybird, while other browsers do not expose this issue: