Disappearing dropdown in Firefox

It seems there is a bug in the way Firefox handles dropdowns.
When a dropdown (a select in HTML) is located in a list (ul, ol or dl in HTML) plus that particular list has overflow: auto; set and is floated, the dropdown disappears when you change the selected item. So far I tested this in Firefox 1.0.4, IE 6 and Opera 8.

Only Firefox seems to be affected.

The only solution I have so far is not to set overflow and float on that list. Put one of them on a container.

Here is a sample.

Update: it seems IE on Mac doesn’t even show the dropdowns at all. (thx Peter-Paul Koch)

Digg This

This entry was posted 5 years and 3 months ago on Wednesday, June 1st, 2005 at 11:34 am.

This post is written by Benjamin Surkyn filed under Browsers.

4 Responses to “Disappearing dropdown in Firefox”.

  1. Gravatar 1

    Bug Report posted this response on June 6th, 2005 at 12:13 pm

    Disappearing dropdown in lists

    When a floated list with overflow: auto; contains a dropdown. The dropdown disappears when changing its value (Mozilla) or never appears at all (Explorer Mac).

  2. Gravatar 2

    Melissa Wang posted this response on June 3rd, 2006 at 12:29 am

    Hi,

    The sample link is broken, can you make it work?

    Thanks,

    Melissa

  3. Gravatar 3

    Benjamin posted this response on June 3rd, 2006 at 12:40 am

    Thx for letting me know, Melissa.
    It should work now.

  4. Gravatar 4

    Lori posted this response on August 24th, 2006 at 4:33 am

    Melissa discovered that wrapping the select in a form tag prevents the bug from occurring on IE/Mac. Unfortunately, that solution does not work for Firefox 1.0.

Comments are closed.