Accessibility

CSS Advisor

Disappearing dropdown in lists

by CSSAdvisorAdmin on November 1, 2006
Edited by: sfegette on November 24, 2009
Avg Rating 2.5 (2)   |   Log in to rate post.

Tagged with Firefox 1.0 , Float , Explorer for Mac

Problem

When a floated list set to "overflow: auto" contains a select form element (i.e. dropdown), the dropdown disappears when changing its value (Mozilla) or never appears at all (Explorer Mac).

Solution

Do not set both overflow and float on the list. Instead, wrap the list in a container and apply one of these properties to the container.

Detailed description

When a floated list set to "overflow: auto" contains a select (drop-down menu) form element, the menu will either disappear when it's selection changes (in Mozilla/Firefox 1.0) or never display at all (Macintosh Internet Explorer).

Originally reported by Benjamin Surkyn at Digital Transmission, and also noted at Quirksmode (view entry). Mac IE behavior noted by Peter-Paul Koch of Quirksmode.




Tagged with Firefox 1.0 , Float , Explorer for Mac

Tag it on del.icio.us or Digg

Text ID: SELECTS_IN_FLOATED_LISTS



Comments (1)

To add a comment, please Log in.




Drop down list disappears behind flash only in firefox

Hi Maybe you can help me, i have a spry drop down menu, everything works fine in IE but in firefox it disappears behind my flash movie. Any ideas? on other pages where there is just a picture it displays fine.





CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (45)
Mozilla/Firefox (16)
Opera (7)
Safari (13)
CSS Properties
Background (6)
Border (3)
Color (1)
Float (15)
Font (1)
Margin (6)
Padding (4)
Position (15)
Text (13)
Width/Height (9)