HTML Select Scroll Bar Not Functioning Correctly in Chrome 32 [closed]

Question

UPDATE: Now fixed for Version 32.0.1700.102 m. Update your version of Chrome if you haven't already.

So as many of you may or may not know, Chrome just recently auto-updated from version 31.0 to 32.0 yesterday or today.

For some reason, the scroll bars in HTML select elements do not scroll if you try to drag them with your mouse, nor do they scroll if you click in the scroll area to move it up or down. The only way you can get it to move is by using your mouse wheel or keyboard.

Here is an example: http://jsfiddle.net/6eSQY/2/

I have seen other select elements that DO scroll correct, but in most cases that I've seen out on the web, they behave like the JSFiddle I included above.

Any thoughts as to what I can do to rectify the problem in my web apps?

Answer 1

The issue has been reported but doesn't look like there is a fix yet from Google.

The only solutions that seem to be available at this point are:

1. Uncheck "Use visual styles on windows and buttons" (Right-click Computer > Advanced tab > Performance settings > Visual Effects tab...see here) and the select boxes will act as normal.
2. Use a chrome extension like Rescroller.
3. Use your mouse-wheel to scroll.
4. Use down/up arrows to scroll.

UPDATE: Now fixed for Version 32.0.1700.102 m. Update your version of Chrome if you haven't already.