Auto scroll DropDownList

8 posts, 0 answers
  1. Mike
    Mike avatar
    4 posts
    Member since:
    Jul 2015

    Posted 19 Oct Link to this post

    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.

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1332 posts

    Posted 23 Oct Link to this post

    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.
  3. Bryan
    Bryan avatar
    1 posts
    Member since:
    Feb 2017

    Posted 07 Dec in reply to Ivan Danchev Link to this post

    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.

  4. Mike
    Mike avatar
    4 posts
    Member since:
    Jul 2015

    Posted 07 Dec in reply to Bryan Link to this post

    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.
  5. Mike
    Mike avatar
    4 posts
    Member since:
    Jul 2015

    Posted 07 Dec in reply to Bryan Link to this post

    FYI - added enhancement recommendation to forum.

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

  6. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1332 posts

    Posted 08 Dec Link to this post

    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.
  7. Mike
    Mike avatar
    4 posts
    Member since:
    Jul 2015

    Posted 08 Dec in reply to Ivan Danchev Link to this post

    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.

     

  8. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1332 posts

    Posted 5 days and 16 hours ago Link to this post

    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.
Back to Top