817961 - fieldset does not clear float when it doesn't fit next to it

Status: RESOLVED DUPLICATE of bug 478834

(Core :: Layout: Floats, defect)

Description

[Slobberbone]

Attachment: form.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:17.0) Gecko/17.0 Firefox/17.0
Build ID: 20121119145849

Steps to reproduce:

I've got the code in th form.html.
This code works fine under IE or Chrome/chromium.
It's validate by http://validator.w3.org/nu/
But with Firefox 17.0 on Fedora 17 or on Windows 7/8 I've got the same issue : the form is not display whereas it's in the source code of the page.

If you remove the last <li> tag , it works (see comment REMOVETOWORK).
If you take the form.html and remove only <td> tag, it works too.
If you keep the first <td> tag it doesn't work. But in this same tag (<td>) you remove style=200px, so it works ! then you add the second <td> tag like original file, it doesn't work again ...


Actual results:

The form is not display. Not at all !


Expected results:

I should see the form.

Comment 1

[Mats Palmgren (inactive)]

The testcase works for me in Firefox 17 and Nightly on Linux.

Comment 2

[Slobberbone]

Sorry, you must remove the  /*REMOVETOWORK*/ tag, because with the tag, it woks too .... I don't understand why !

Please can you make the test again ?

Comment 3

[Slobberbone]

(In reply to Mats Palmgren [:mats] from comment #1)
> The testcase works for me in Firefox 17 and Nightly on Linux.

Sorry, you must remove the  /*REMOVETOWORK*/ tag, because with the tag, it woks too .... I don't understand why !

Please can you make the test again ?

Comment 4

[Slobberbone]

If you want to test in the context : http://www.opti-time.net:1080/production/?page_id=12

You may have the form, it's in the source code, but no display ...

Comment 5

[Mats Palmgren (inactive)]

Attachment: Testcase derived from the URL

Yeah this seems pretty wrong.  You can work around it with this CSS:
fieldset { clear: both; }

Comment 6

[Mats Palmgren (inactive)]

Attachment: Same test with a <table> next to the float

Comment 7

[Mats Palmgren (inactive)]

http://www.w3.org/TR/CSS21/visuren.html#floats
The "The border box of a table, a block-level replaced element, ..." paragraph
in CSS2.1 9.5 seems to suggest we should clear the float.

I think this is a variation of bug 478834 (<fieldset> is a block-level replaced
element).

Comment 8

[Slobberbone]

(In reply to Mats Palmgren [:mats] from comment #6)
> Created attachment 688209 [details]
> Same test with a <table> next to the float

This is ok with your advice to add fieldset { clear: both; } in my css. thank you !

I'll remove this page, do you want I attach to this bugID ? for the folowing step to resolve it ?

Comment 9

[Slobberbone]

Attachment: the enter page to reproduce this bug.

Comment 10

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Should be fixed in tomorrow's nightly.