I have a select element with about 80 items. When I click the element the select drops down about 300px and shows about 20 of the items, with a scroll bar on the right to scroll down through the rest. No problem yet. On Firefox, IE, and Safari I can drag this scroll bar down to scroll through the other items, but not on Chrome. On Chrome the only way to scroll down through the items is with the mouse wheel (which also works with FF, Safari, and IE). The bar is present in Chrome, but can't be dragged.
Does anyone know what's going on with Chrome?
Thanks
This is a known issue. Please see https://code.google.com/p/chromium/issues/detail?id=334522 and https://superuser.com/questions/704736/cant-use-scrollbars-of-dropdowns-html-select-in-chrome-32/704737#704737.
Related
Scrollbar disappeared when I add mouse to mac at first time.
please look at this links.
demo link
When I add mouse to my mac, scroll bar disappeared and a white color box coming right top corner. I do not know why. firefox working fine. chrome safari, and opera i.e had this issue. After refresh the page i could see scrollbar. Help me if you know/face this issue before.
screenshots here... who does not able to understand my issue.
screen shot one after i insert mouse to mac machine scroll disappeared and getting square box right top corner:
after I refresh the page i get see scrollbar.
You can change the setting in the preferences. By default, the scroll bar is hidden with mac products.
Odds are if a user is using a Mac, they're already aware of this and it's considered a feature to them.
But, if you really need it, try using the webkit css pseudo selector ::-webkit-scrollbar
This will only work in Safari and Chrome.
I'm using scroll bar for a drop box.From that I can able to scroll by click and drag scroll bar.But scroll bar not working in wheel scroll.I am facing this problem in IE 11 browser and Firefox browser,in chrome browser it is working fine.
I've noticed that in Firefox, elements set to overflow: scroll or overflow: auto scroll quite a bit slower than the regular page scroll does. If you click on the top left Stack Exchange logo you can see what I mean if you use your mousewheel on the drop-down menu. Is there any solution, besides the about:config setting, to make these elements scroll as fast as the page?
This doesn't seem happen in Chrome, Opera, Safari or IE on Windows as far as I can tell. No idea about Mac, though (glad if someone could check/confirm).
Open Menu->Options->Advanced->General->Under Browsing Uncheck "AutoScrolling"
this should help
you could also uncheck the "Smooth Scrolling" option underneath. It only makes a marginal difference, but a difference nonetheless.
Do you have a smooth scrolling plugin installed on firefox?
I´m using h:selectOneMenu
It works fine, but on Chrome I cant get the scroll bar to work properly.
If I rotate the mousewheel, it works fine, but if I click on the bar and try to move up/down, it doesn´t work.
On IE it works both ways.
Can someone please help me?
I read that it is a bug on chrome.
One cant scroll down a combobox field on chrome (32.0.1700.76 m) by clicking on the scroll bar. one has to use the mousewheel or arrows!!
Having a slight problem with
http://jquery.com/demo/thickbox/
In IE8, the overlay window doesn't scroll when you scroll down in the browser. So if you click something at the bottom of the browser window, the overlay window pops up but at the top of the screen so you have to scroll back up. This only happens in IE8, all other browsers the overlay window follows. Help? Thanks
I had the same problem, but only when using <frames> or <iframes>. Being unable to correct the problem, along with a few other bugs, I decided switch to using Shadowbox http://www.shadowbox-js.com/. I found it to be ALOT more flexible. Just a suggestion. But as for the IE8 problem you reported, I never encountered the issue in a parent window, just when using frames.