Allow the scrollbar on <select size=n> (where n > 1) to be hidden via CSS

NEW
Unassigned

Status

()

--
enhancement
8 years ago
8 years ago

People

(Reporter: pcwalton, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: DUPEME)

(Reporter)

Description

8 years ago
Currently, the overflow property seems to do nothing on select elements that render as list boxes, and a scrollbar is always displayed. It'd be useful if authors could hide the scrollbar via CSS. I'm not sure if using "overflow" for this purpose would break the web, but if it does, this issue could be solved via an extension.
Component: DOM → Layout: Form Controls
QA Contact: general → layout.form-controls
What's the use case of hiding part of the form control, exactly?  The point is to allow users to pick one of the options, no?
(Reporter)

Comment 2

8 years ago
(In reply to comment #1)
> What's the use case of hiding part of the form control, exactly?  The point is
> to allow users to pick one of the options, no?

This is for the list box case (when size > 1 <select> displays as a list box), not the drop-down case. A scroll bar is always displayed on the list box, even when it's not necessary due to all items being visible.
That's a separate issue; we have existing bugs on not showing that.  Overloading the "overflow" property to work only in this case would be pretty weird.
Whiteboard: DUPEME
(Reporter)

Comment 4

8 years ago
(In reply to comment #3)
> That's a separate issue; we have existing bugs on not showing that. 
> Overloading the "overflow" property to work only in this case would be pretty
> weird.

Well, it would be nice to be able to unconditionally hide the scrollbar. In my case, I'd like to duplicate the functionality of the native scrollbar using custom code.
You need to log in before you can comment on or make changes to this bug.