Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

turning off <select> menu scrolling in FF?

display entire select menu in dropdown instead of scrollbar

4:43 pm on Apr 9, 2007 (gmt 0)

New User

10+ Year Member

joined:Aug 18, 2005
votes: 0

I have a select menu that contains 23 or so items. In IE, when the menu is selected, the dropdown displays all the items without the scrollbar. In Firefox, the menu displays about 20 items and a scrollbar, which is needed to see the bottom three.

Is it possible to get FF to display the entire list without the scrollbar? Setting size is not an option - it needs to continue to function as a dropdown. People at the bottom of the select dropdown are complaining about having to scroll to see their names in the list in FF!

Thanks in advance. :)

3:27 am on Apr 10, 2007 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
votes: 22

Forms and their native child elements are the most ignored aspect of (X)HTML both in regards to browsers and the W3C. Internet Explorer 7 still does exceptionally crazy stuff and there simply is no browser consistency if you attempt to do pixel perfect designs.

As far as select menus go the size attribute will create an overflow out of the select element and I assume that is not what you want and therefor we can only hope CSS3 will give forms and their native child elements the dire attention they need.

- John

4:26 am on Apr 10, 2007 (gmt 0)

New User

10+ Year Member

joined:Aug 18, 2005
votes: 0

Figured that was the case, since I hadn't seen any way to do it in all my searching. Thanks for getting back to me!
11:00 am on Apr 27, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Jan 29, 2007
votes: 0

maybe dynamically change the size with an onFocus event?

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members