377430 - Having <SELECT> data in an html form changes layout of later controls

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Steve Francisco]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Save the following as an html file and load it into both Firefox and Internet Explorer.  Note that the Create/Cancel button display differently.  For some reason on Firefox, the Cancel button appears on a new line when the intent is that they are on the same line.


<h2>Add a new thing</h2>
<FORM style="display:inline" id="addthingform" name="addthingform" action="/someservlet" method="post">
<INPUT type="hidden" name="cmd" value="createThing">
<table>
<!-- omit this section and the Create/Cancel buttons display on one line -->
<!-- (start of problem section -->
<tr><td>Choice:</td><td>
<SELECT name="ocean">
<OPTION value="ocean1">Atlantic</OPTION>
<OPTION value="ocean2">Pacific</OPTION>
</SELECT>
</td></tr>
<!-- (end of problem section) -->
<tr><td>Name of thing:</td>
<td><INPUT id="name" type="text" name="name" value=""></td></tr>
<tr valign=top><td>Comment:</td><td><TEXTAREA id="comment" name="comment" cols="50" rows="3"></TEXTAREA></td></tr>
</table>
<br><INPUT class=submit type="submit" value="Create"></FORM>&nbsp;
<FORM style="display:inline"  action="/CaspianServlets/com.ibm.caspian.Align" method='post'>
<input class=submit type='submit' value='Cancel'>
</FORM>
<script type="text/javascript">document.addthingform.name.focus();</script>

The problem seems to be the <SELECT> section.  If you comment out that row, or even just the SELECT statement itself, then the buttons display as desired.

Reproducible: Always

Steps to Reproduce:
1.Save the above html text to a file (tmp.html) and load into firefox
2.Note the button position is wrong
3.Comment out or delete the SELECT statement and reload
4.Note the button position is better.
Actual Results:  
As described above

Expected Results:  
I expected the Create and Cancel buttons to be displayed on one line as IE does, and as firefox does if the SELECT statement is not used.

Comment 1

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 2

[Mats Palmgren (inactive)]

It was fixed between the builds 2005-09-25-05 -- 2005-09-26-06
http://bonsai.mozilla.org/cvsquery.cgi?treeid=default&module=all&branch=HEAD&branchtype=match&dir=&file=&filetype=match&who=&whotype=match&sortby=Date&hours=2&date=explicit&mindate=2005-09-25+04%3A00&maxdate=2005-09-26+07%3A00&cvsroot=%2Fcvsroot

Comment 3

[Mats Palmgren (inactive)]

The only bugs that seems related to layout in that range is bug 309986
and bug 92217, but those should be fixed on the 1.8 branch too...

Comment 4

[Daniel.S]

(In reply to comment #3)
> The only bugs that seems related to layout in that range is bug 309986
> and bug 92217, but those should be fixed on the 1.8 branch too...

Probably there was a correlation with another fix that was only checked in to trunk at that time. 

(In reply to comment #1)
> Created an attachment (id=261517) [details]

It doesn't look pretty, but after reading the current CSS 2.1 and checking recent implementations, this is the right rendering.