268501 - Firefox possibly renders a "clear:left" box incorrectly

Status: RESOLVED WORKSFORME

(Core :: Layout: Floats, defect)

Description

[/\/\arcio Galli]

We got internal e-mail from engineer with two cases where Firefox is rendering
different than Mozilla and IE6. I minimized the testcase here: 

http://www.mgalli.com/development/firefox-shopping-y/testcaseyahoo.html

The testcase was minimized based on Y! property site currently in development  -
sorry no links for now.

Comment 1

[Bill Mason]

So what version of FF did you test on?

What exactly is the issue?  The testcase is the same for me in IE6 and FF trunk
20041027.

Comment 2

[/\/\arcio Galli]

Tested with release candidate. Looks different.  So if works form you, this
seems to be a regression. 

Comment 3

[Eric A. Meyer]

I see a big white space between the first and second items.  That makes sense,
since the second item has been cleared left, and there's a aleft-side float
that's containing the 'h1' and its margins.  Thus, item #2 should be pushed
below the floated div (list_lhs) that precedes it in the document source,
according to the CSS rules as I recall them.

If this behavior is new, then my suspicion is that previous versions of the
browser had a bug that's been fixed.

Comment 4

[Kevin Buhr]

Modified summary.  Reassigning to Core/Layout:Floats.

I've tested (a) a Windows XP Firefox 1.0 release [Mozilla/5.0 (Windows; U;
windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0]; (b) a Linux
Firefox aviary branch build from 20041125, (c) a Mozilla Seamonkey nightly from
today; and (d) a Windows XP IE6 [version 6.0.2900.2180.xpsp_sp2_rtm.040803-2158].

In all four cases, there is significant whitespace between the two copies of
"Text here".  The IE6 rendering is spaced slightly tighter, and the two "Text
here"s aren't left aligned with each other.

Anyway, I agree with comment #3 that this seems to be correct behaviour.

(The only differential behaviour I could find was an old Mozilla 1.7.3 build
from 20040919 where the two "Text here"s had no space between them.)

Marcio, can you verify that the behaviour on recent Firefox and/or Mozilla
builds (including the Firefox 1.0 current release) is now acceptable?  Or can
you clarify *what* exactly the correct behaviour should be?  Thanks.

Comment 5

[kravvitz]

Attachment: test case

I'm not sure I'd call it a bug, but Firefox 1.0.3 renders it differently from
Netscape 6+, Firefox 1.0PR, and IE4+/Win.

Comment 6

[Kevin Buhr]

The URL in the original description renders more or less the same in Firefox 3.0 and IE7.  Specifically, the two "Text here" items are separated by whitespace because the second has been pushed down to below the bottom of the left float containing the <h1> element.  This appears to be the correct behavior, and Marcio may have been looking at an old version of Firefox that rendered it incorrectly.

Therefore, I'm resolving this FIXED WORKSFORME.


With respect to the attachment in comment #5, Firefox 3 extends the blue "article" <div> down until it is below the end of the text in the left float.  Again, this makes sense, as the <br> element at the end of the "article" <div> is clear:left.  IE7 appears to render it incorrectly, leaving some space at the bottom of the blue "article" <div>, but not clearing to the bottom of the left float.  I think Firefox is right here.