294047 - Select form field breaks initial rendering of page

Status: RESOLVED WORKSFORME

(Core :: Layout: Floats, defect)

Description

[Chris Cloyd]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2

In the test page http://mdc.mo.gov/test/fieldset_test.htm, when using a select
field in a left hand column the page will initially render with a break from the
rest of the content that is supposed to render on the same level as that column.
(See Test 5 and Test 10 on the page). However, if you have the Web Developer
tools installed and click on "Outline>>Outline Block Level Elements" the columns
will snap up properly. If you turn off the "Outline" it will keep the correct
rendering. 

The page wraps various floating columns in a "datablock" that is set to display
as a table with 100% width. This allows for a floating left-hand navigation and
can have a number of floating columns on the right hand side that will clear
properly.

If you put the select field in the rightmost column the design will render
properly. However, in any other column it will break.

This design solution will properly render in IE6, Safari, and Opera. It will
properly render on Firefox if you do the Outline steps; however the initial
render is broken.



Reproducible: Always

Steps to Reproduce:
1.Set up left hand navigation with a DIV float:left;
2.Set up a "block" DIV at width: 100% and display: table;
3.Set up two DIV classes that have 49% width, set one to float: left the other
float: right
4. Wrap the two width: 49% DIVs inside the "block" DIV
4.Place a select field in the left floating div
5.Place anything in the right floating div

Actual Results:  
The initial render will break the rightmost column down from the column
containing the select field.

If you select "Outline>>Outline Block Elements" from the Web Developer tool bar
it will snap the columns up properly. You can also get it to render properly
with "Edit CSS"

Expected Results:  
The columns should of been snapped up to the same line initially. Rather than
having to do the "Outline" steps.

This happens on FireFox v. 1.0.2, 1.0.3, and 1.0.4 on either the Mac OS X or a
Windows platform.

Comment 1

[Gervase Markham [:gerv]]

This is an automated message, with ID "auto-resolve01".

This bug has had no comments for a long time. Statistically, we have found that
bug reports that have not been confirmed by a second user after three months are
highly unlikely to be the source of a fix to the code.

While your input is very important to us, our resources are limited and so we
are asking for your help in focussing our efforts. If you can still reproduce
this problem in the latest version of the product (see below for how to obtain a
copy) or, for feature requests, if it's not present in the latest version and
you still believe we should implement it, please visit the URL of this bug
(given at the top of this mail) and add a comment to that effect, giving more
reproduction information if you have it.

If it is not a problem any longer, you need take no action. If this bug is not
changed in any way in the next two weeks, it will be automatically resolved.
Thank you for your help in this matter.

The latest beta releases can be obtained from:
Firefox:     http://www.mozilla.org/projects/firefox/
Thunderbird: http://www.mozilla.org/products/thunderbird/releases/1.5beta1.html
Seamonkey:   http://www.mozilla.org/projects/seamonkey/

Comment 2

[Chris Cloyd]

The issue is still present in the latest release and in the beta version. This
is the only browser that acts like this and it limits the use of form fields in
a float design.

Comment 3

[beat.binotto]

Hardware: PC
OS: Windows XP

We have the same problem here, we try to generate forms out of metatables. We group the fields with fieldsets (div's) and they should float to use all the space left on the page. If everything is generated and there are no templates for the forms you must do something like that. So for us it's an important bug.

Comment 4

[Daniel.S]

This was a bug in Firefox 2.
In Firefox 3+ this is fixed due to the reflow refactoring.

Keep in mind that Fx2 has now reached its end of life. Please update as soon as possible: http://www.getfirefox.com/

Comment 5

[Daniel.S]

Attachment: testcase

Comment 6

[Daniel.S]

(In reply to comment #5)
> Created an attachment (id=361049) [details]
> testcase

While trying to reduce the source for a reftest, I noticed that there're still situations in which this bug is triggered.

On initial rendering (and Ctrl+F5) the blue and the green box are on the same line, but after an simple refresh they're on two separate lines.

I noticed that if the first element after the body is a form element, the bug doesn't appear. No other element seems to prevent the bug (p, div, etc.) though.

Comment 7

[Ioana (away)]

WFM on:
Mozilla/5.0 (X11; Linux i686; rv:28.0) Gecko/20100101 Firefox/28.0

Both fields are displayed on the same line even after multiple refreshes.