Resizing an HTML Select with CSS Breaks Control's Scroll Bar in Chrome

Question

I'm having a problem with Chrome (v23, Win and Ubuntu). When allowing a select control to be resizable, the scroll bar's down arrow ceases to function--it won't scroll through the options. However, the rest of the scroll bar's functionality continues to work.

select {
  resize: both;
  overflow: scroll;
}

Here's a Fiddle

The question: Am I doing something wrong, or is the a Chrome bug?

I filed a bug report with Chromium. I guess we'll see what they decide to do with it. — Jamie Jackson
– Jamie Jackson, Commented Jan 3, 2013 at 23:01

Diodeus - James MacFarlane · Accepted Answer · 2013-01-03 22:23:53Z

1

SELECT (as well as checkbox, radio) is one of those strange elements that's really rendered by the OS, not HTML. The ability to style it via CSS is not well supported.

answered Jan 3, 2013 at 22:23

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jamie Jackson Over a year ago

FWIW, Firefox handles it properly--the scroll bar it renders still works (including the down arrow button).That's why I'm leaning more toward calling it a bug with Chrome, than to conceding it's an OS problem.

Diodeus - James MacFarlane Over a year ago

It's not a specification requirement, therefore it is not a bug.

Jamie Jackson Over a year ago

If Chrome had chosen not to implement the resizing (like IE), I would agree that it's just an unimplemented feature. However, for it to break part of the existing functionality of the control seems like a bug.

Jamie Jackson · Accepted Answer · 2013-03-19 20:24:01Z

1

My Chromium bug report was confirmed as such.

answered Mar 19, 2013 at 20:24

Jamie Jackson

1,3223 gold badges22 silver badges36 bronze badges

Collectives™ on Stack Overflow

Resizing an HTML Select with CSS Breaks Control's Scroll Bar in Chrome

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related