Auto scroll DropDownList

[Mike]

Can the DropDownList options be set to auto scroll, such that list scrolls when the mouse pointer reached the top of bottom of the container?

I tried autoScroll: true, but that has no effect.

[Ivan Danchev]

Hello Mike,

Currently auto-scrolling behavior is not implemented for the DropDownList/ComboBox, thus setting autoScroll: true would not have any effect since the widgets do not expose such configuration option. We would suggest logging this functionality as a feature request in our public Feedback Portal, where it will be reviewed by the team and considered for future implementation.

Regards,
Ivan Danchev
Progress Telerik

[Bryan]

Hello Ivan,

Just to clarify: The DropDownList (within the grid column filter widget), will not autoscroll? I am trying to create a dropdown with 8 items, but it only shows 5 of the items and will not scroll through the rest.

[Mike]

Bryan - when I've implemented a select with a long list of options, it will scroll - using the mouse wheel, or similar input - but it's not obvious you can do that. It's easy to conclude that the list doesn't continue. There is no clear indication that there is more content. Perhaps that is what you are experiencing.

[Mike]

FYI - added enhancement recommendation to forum.

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/32549860-support-autoscroll-in-dropdownlist-options

[Ivan Danchev]

Hi,

By "auto-scrolling" I referred to: the list being scrolled automatically when you move the mouse cursor to the bottom or top of the list, not when you use the mouse scroll wheel. The standard scrolling with the mouse wheel is expected to work when there is a scroll bar displayed in the list, i.e. when the list contains more items than it currently displays. THere has been a bug with that standard scrolling functionality, for instance see this dojo example. Click on a filter button to open the filter menu. Click on the dropdown to expand it: try to scroll the list with the mouse scroll wheel - it is not scrollable. This behavior is caused by the following bug. Fortunately it has already been fixed and in the latest internal build I checked the dropdown was scrollable as expected. The fix should be available in the R1 2018 release.

Regards,
Ivan Danchev
Progress Telerik

[Mike]

Ivan - I can wheel scroll the dropdown options in that dojo example - on a Mac, in Chrome, Firefox, and Safari. However, in Chrome & Safari, no scrollbar is displayed, so there is no visual indication that the options list is scrollable (see attachment). In Firefox, the scrollbar briefly appears when the list is first expanded.

Without auto-scroll, discoverability of scrolling in dropdown lists is a problem. I've had a number of complaints that dropdowns are missing options, when the issue is that people do not know the option list is scrollable.

 

[Ivan Danchev]

Hi Mike,

What Chrome version are you using? I checked how the dropdown looks like in version 62 and at my end the scroll bar is visible. Do you happen to load custom CSS on your page that could be overriding the default styles and customizing the widgets appearance? If so could you add those to the dojo example I linked in my previous reply and link it back?

Regards,
Ivan Danchev
Progress Telerik