161540 - Extra horizontal whitespace added to select options when object is floated to right of form

Status: VERIFIED DUPLICATE of bug 48237

(Core :: DOM: Core & HTML, defect)

Description

[Nick Hansen]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.0rc2)
Gecko/20020512 Netscape/7.0b1
BuildID:    2002080704

In http://toaster.law.indiana.edu/tests/form_bug_demo.shtml there is a great
deal of extra whitespace added to the select/options pull-down menu.  

If the same HTML/CSS is used except the #sidenav is not floated right
(http://toaster.law.indiana.edu/tests/form_bug_demo2.shtml), the extra
whitespace disappears.  

Reproducible: Always
Steps to Reproduce:
1. Fire up your favorite browser ;)
2. Visit http://toaster.law.indiana.edu/tests/form_bug_demo.shtml

Actual Results:  Extra whitespace is added to the longest single option in such
a way that the select pull-down menu is quite a bit wider than necessary.

Expected Results:  Select pull-down menu widths to be no wider than necessary to
display the single longest option.

Also reproducable in linux 20020805 and NS7PR1.  

Interesting herrings:
  - If the float attribute is removed from the right column, the extra
whitespace disappears (see
http://toaster.law.indiana.edu/tests/form_bug_demo2.shtml)
  - If the form is wrapped in a table the extra whitespace also disappears

Comment 1

[Sam J. Fleet]

Confirmed on the latest Moz Nightly build: Build #2002080711.  

Confirmed, the scroll bar is awful long with plenty of extra space inside it.

Fortunately for me, I'm a webmaster so I can read the programming languages.  I 
first check to be sure there is no extra space in the option tags.  So far, 
there isn't one.

Again, in this case, the style sheet is put inside the form tag although there 
is no style sheet id inside the form, like "class='pagebox'" as an example.  
There is one other thing that caught my attention, it is the style sheet inside 
the form tag, "style="background-color:#eef5ee;margin-
left:10px;padding:4px;border:1px dotted #444444;"  So, that leave me with 2 
questions.

1) Is the style sheet code inside the form okayed by the w3.org guideline?

2) The margin-left is 10 pixels and the padding is 4 pixels.  From the look of 
it, it look like it doesn't work for the mozilla browser.  I could be wrong on 
this one!

I do not have the authority to change this unconfirmed bug to new, so I'll 
leave it to someone from higher up to review the bug report!  There may be 
different opinion around here.

Comment 2

[Nick Hansen]

Sorry about that.  Didn't sanitize completely.  However, the style attribute in
the form tag doesn't seem to affect the whitespace problem one way or the other.
 The questionable attribute has been removed however.

Comment 3

[alge]

see also bug 118424

Comment 4

[Boris Zbarsky [:bzbarsky]]

Dup of "form size depends on image size when image is right-aligned (or anything
right-floated)"

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

Comment 5

[Vladimir Ermakov]

verifying