275688 - Listbox menu render error

Status: RESOLVED INVALID

(Core :: Layout: Form Controls, defect)

Description

[David Balažic]

The item in the menu is not properly highlighted. See screenshot.

I tried the URL again, and not it is different.

This is how I got the bug in the first try :
 - go to brainbench.com
 - select Register/Login
 - enter new user data ( a non-existing user )
 - confirm first page
 - start filling the buggy page ( Career/Employment Information ) from up down


Browser : FireFox 1.0 (Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.5)
Gecko/20041107 Firefox/1.0)
OS : Windows 2000 Professional SP4
Screen resolution is 1024x768x32bit, FireFox is maximized, using tabs

Comment 1

[David Balažic]

Attachment: Screenshot of the problem

The mouse pointer is over the (partly) highlighted item.

Oh, "I tried the URL again, and not it is different." should have been "I tried
the URL again, and _now_ it is different."

When I visited the URL directly, the menu was clipped to be the same width as
the listbox item , that is, the right part of the menu items was cut off.

Comment 2

[Martijn Wargers (dead)]

This happens because they have the css set for <option> elements: width:295px.
Because the text is longer it seems to overflow over the <option> box.

Comment 3

[Boris Zbarsky [:bzbarsky]]

Yep.  That's the right rendering given their markup -- the option is what gets a
blue background, and they're purposefully mis-sizing the option.