Height of an HTML select box (dropdown)

by

Confirmed.

The part that drops down is set to either:

  1. The height needed to show all entries, or
  2. The height needed to show x entries (with scrollbars to see remaining), where x is
    • 20 in Firefox & Chrome
    • 30 in IE 6, 7, 8
    • 16 for Opera 10
    • 14 for Opera 11
    • 22 for Safari 4
    • 18 for Safari 5
    • 11 in IE 5.0, 5.5
  3. In IE/Edge, if there are no options, a stupidly high list of 11 blanks entries.

For (3) above you can see the results in this JSFiddle

More Related Contents:

  1. How do I make a placeholder for a ‘select’ box?
  2. How can I set the default value for an HTML element?
  3. using href links inside tag
  4. Change select box option background color
  5. onclick on option tag not working on IE and chrome
  6. Putting images with options in a dropdown list
  7. Line Break in HTML Select Option?
  8. How to remove the default arrow icon from a dropdown list (select element)?
  9. Select dropdown with fixed width cutting off content in IE
  10. Adding html class tag under in Html.DropDownList
  11. Remove Select arrow on IE
  12. Html Select box options on Hover?
  13. Changing highlight color
  14. HTML Form: Select-Option vs Datalist-Option
  15. Set width of dropdown element in HTML select dropdown options
  16. Default text which won’t be shown in drop-down list
  17. Are Multi-line Options in Html Select Tags Possible?
  18. How to show disable HTML select option in by default?
  19. How can I create an editable dropdownlist in HTML?
  20. Selectable in HTML tag
  21. Editable ‘Select’ element
  22. Image in SELECT element [duplicate]
  23. Setting hidden datalist option values
  24. How do I put a space character before option text in a HTML select element?
  25. Drop Down Menu/Text Field in one
  26. How can change width of dropdown list?
  27. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  28. How to get equal width of input and select fields
  29. Alternative for
  30. Combining two or more Canvas elements with some sort of blending

Leave a Comment