ladybird icon indicating copy to clipboard operation
ladybird copied to clipboard

LibWeb: Float issue with full width divs

Open jamierocks opened this issue 1 year ago • 3 comments

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)

image

Actual Result (Ladybird)

image

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.

jamierocks avatar Jun 22 '24 13:06 jamierocks

I think this might be a rounding issue, the issue seems to occur between all divs if you zoom in.

image

jamierocks avatar Jul 07 '24 10:07 jamierocks

This appears to have been fixed now:

Image

shannonbooth avatar May 24 '25 23:05 shannonbooth

@shannonbooth still seeing this issue at 130% zoom in Ladybird, while other browsers do not expose this issue:

Image

gmta avatar May 26 '25 07:05 gmta