117542 - item list text doesn't use all space because of previous aligned image

Status: RESOLVED DUPLICATE of bug 143162

(Core :: Layout: Floats, defect)

Description

[Grzegorz Adam Hankiewicz]

Say you have an image tag aligned to the right, and next an unordered list with
lot's of <li> tags and plain text. If the first item starts _after_ the image
height ends, the text flow will be rendered correctly. Otherwise, if the first
list item starts before the image height ends, all the following text (including
following <li> tags) won't fill the whole width of the page.

To see this go to the above URL, search for the text "(CEST)" without quotes and
the next image shows the problem. You may have to play with the browsers window
width to see how the <li> text is rendered differently.

Comment 1

[Grzegorz Adam Hankiewicz]

Attachment: Screen capture of browser showing the bug

Comment 2

[Grzegorz Adam Hankiewicz]

Attachment: Same page with smaller window width makes the bug vanish

Comment 3

[Grzegorz Adam Hankiewicz]

Attachment: HTML source of the testcase used to show the bug

Please play with your browser's window width to see how the text of the <li>
elements change depending on wheter the first item is rendered after the first
image or not.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Grzegorz, what build are you using?

Comment 5

[Grzegorz Adam Hankiewicz]

O, sorry about that, I didn't see any place in the forms to put that
information. According to the about: page...

Mozilla 0.9.7
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:0.9.7) Gecko/2001122108

Comment 6

[Chris Petersen]

Confirming in the Jan 03rd build (2002-01-03-08) build under Mac OS X.

Comment 7

[Grzegorz Adam Hankiewicz]

Build 2002020415 shows this bug too.

Comment 8

[Christopher Aillon (sabbatical, not receiving bugmail)]

See also bug 136792 for similar behavior.

Comment 9

[Boris Zbarsky [:bzbarsky]]

*** Bug 136792 has been marked as a duplicate of this bug. ***

Comment 10

[Boris Zbarsky [:bzbarsky]]

This is caused by the -moz-float-edge setting we have on <li>.  Instead of
flowing around floats, <li>s just resize to avoid them.  Dupping to bug that
covers that.

*** This bug has been marked as a duplicate of 143162 ***

*** This bug has been marked as a duplicate of 143162 ***