This is a migrated thread and some comments may be shown as answers.

Auto scroll DropDownList

7 Answers 343 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Mike
Top achievements
Rank 1
Mike asked on 19 Oct 2017, 04:37 PM

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.

7 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 23 Oct 2017, 10:09 AM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Bryan
Top achievements
Rank 1
answered on 07 Dec 2017, 04:53 PM

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.

0
Mike
Top achievements
Rank 1
answered on 07 Dec 2017, 05:25 PM
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.
0
Mike
Top achievements
Rank 1
answered on 07 Dec 2017, 05:34 PM

FYI - added enhancement recommendation to forum.

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

0
Ivan Danchev
Telerik team
answered on 08 Dec 2017, 03:25 PM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Mike
Top achievements
Rank 1
answered on 08 Dec 2017, 03:52 PM

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.

 

0
Ivan Danchev
Telerik team
answered on 11 Dec 2017, 03:29 PM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
DropDownList
Asked by
Mike
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Bryan
Top achievements
Rank 1
Mike
Top achievements
Rank 1
Share this question
or