DropDownList jumping from control at end of scrolled items

[Mark]

I have an issue.  I found that if scrolling through the pulldownlist when the last record in the pulldownlist is arrived at the scroll jumps down to the grid that is below it and then it scrolls the grid.

Why does the scroll pulldownlist scroll the grid below (or any panel below) after it reaches the end of the list?

Best Regards,

Mark Kilroy

[Georgi Krustev]

Hello Mark,

It is not very clear, based on the given explanation, how the DropDownList is related to the Grid widget. Does the "scrolling through" statement mean that you are using the UP/DOWN arrows to navigate through the items or TAB key? Could you provide a specific steps how to replicate the problem locally? This will help us to understand the scenario clearly and advice much faster.

Regards,
Georgi Krustev
Telerik

 

 

[Mark]

I have a Telerik Kendo DropDownList control on a Razor Page.  When you go into the DropDownList and use the Scroll Wheel on a Mouse when you get to the last record that control does not stop; instead the scroll wheel begins to scroll on the page.  If I have grid on the page the scroll wheel will begin to scroll the grid.  It does not matter that the dropdown list and the grid are in two different panels.  The Grid is not the next control after the DropDownList.

There is a problem with using the Scroll wheel in the DropDownList.

Best Regards,
Mark Kilroy

[Petyo]

Hi Mark,

the behavior you describe is in fact the native behavior of the browser and is related to the visual position of the two elements (it has nothing to do with the elements order). Same thing may be reproduced in this simple case (notice that it does not feature any kendo related javascript or CSS).

Regards,
Petyo
Telerik

 

 

[Mark]

OK, then how do I stop this behavior?  I have never used a pull down box with this type of behavior.  When the user reaches the end of the pull down box (with the scroll wheel) I want the control to stop there with the focus in the control with the last element in the scroll bar selected.

Best Regards,

Mark Kilroy

[Petyo]

Hi Mark,

we are not aware of any reliable means of controlling that browser behavior, apart from this CSS property (which is IE only). You may experiment with the sample I posted earlier - if you manage to modify it there, that approach will work with the Kendo UI widgets, too. 

Regards,
Petyo
Telerik

 

 

[Mark]

Is there anyway to disable the mousewheel on the dropdownlist?  I can disable the mousewheel on a panel the dropdown list is in and even the entire form but when the dropdownlist uses the mousewheel the scrolling jumps out and scroll the form when the drop down list has reached the end of the elements in the dropdownlist.

I can disable the mousewheel in everything else except the dropdownlist.

Best Regards,

Mark Kilroy

[Georgi Krustev]

Hello Mark,

The DropDownList widget, like other widgets with popup element, adds the popup to end of the body tag. I suppose that only specific elements has disabled scrolling and the popup elements are just out of that list.
Get the dropdownlist popup element via the list field.

If you are still experiencing any issues, I would like to ask you for a repro demo that will help us to observe the issue locally.

Regards,
Georgi Krustev
Telerik

 

 

[Mark]

It seems like there should be a setting on the Kendo DropDownList item to disable the mousewheel.

I have the mouse wheel disabled on every other control on the form but when the list is shown the mousewheel is enabled and at the end the items in the list the scroll will be sent to the outside container.

Here is an example of what should happen:
http://jsfiddle.net/eXQf3/371/

But when you put in the Kendo DropDown List control the scrolling is not disabled.

Best Regards,

Mark Kilroy

[Georgi Krustev]

Hello Mark,

As I mentioned in my previous reply, you will need to handle the scroll event of the DropDownList list element. Here is a demo that demonstrates how to handle it using the scroll event handler used in your jsFiddle demo. As you can see the code is called and the scrolling is prevented.

Regards,
Georgi Krustev
Telerik

 

 

[Mark]

OK, I was able to disable the mouse scroll wheel on the KendoDropDownList list when the focus is on the list itself.  But when the focus is on the control the mouse scroll wheel will still scroll the entire page/form.  I ended up disabling the scroll wheel on a form as well.  

Are there plans for adjusting the KendoDropDownList so that when the mouse scroll wheel does reach the end of the list the focus does not jump out of dropdownlist control and start to scroll the page.  I know you stated previously that you think this is standard behavior but I disagree.  Every pull down box I have used just scrolls to the last element and stops.  Do you plan on having a setting in a future version that will allow the focus to remain in the control at the end of the list?

My client(s) like using the scroll wheel and while disabling this form scrolling is a workaround they would be happier with the scrolling so that at the end of the list the focus is on the control at the last element.

Best Regards,
Mark Kilroy
  

[Georgi Krustev]

Hello Mark,

We do not have any specific plans for implementing the required functionality. That being said, I would suggest you share your request in our Feedback portal. This will help us to gather community feedback about the feature.

Best regards,
Georgi Krustev
Telerik

 

 

[Mark]

Do you have another control other than the DropDownList that behaves differently?  Does the ComboBox behave differently?

[Mark]

I have modified my code to disable the scroll wheel but the user wants to use the scroll wheel.  It seems like every DropDownList or ComboBox that I have ever used stops when the last element in the control is reached.  But in the Kendo DropDownList the focus jumps out of the control and scrolls the next item.

Does the ComboBox control work the same way as the DropDownList in terms of jumping out of the control and scrolling the form?

Best Regards,

Mark Kilroy 

[Georgi Krustev]

Hello Mark,

The ComboBox, MultiSelect and AutoComplete widgets, like DropDownList, behave like every regular Html scrollable element. If its content is scrolled-out then the above element will be scrolled. This is their default behavior and Kendo UI doesn't do anything special in order to prevent it.

What I would suggest you is share your request to prevent closing popup on scroll, but rather re-position the element based on the updated anchor position. This will help us to gather a valuable feedback about this functionality and determine its priority.

Regards,
Georgi Krustev
Telerik

 

 

[Mark]

I replied to this earlier but my reply was removed some how.

I have requested that feature on the kendo ui feedback.  The issue is not only that the popup is closed at the end of the scroll but that then the focus jumps out of the control and the scrolls the form.

Best Regards,

Mark Kilroy  

[Mark]

I have shared my request on the Kendo UI before.  It looks like my request is no longer there.  My previous reply to this email string is also no longer here.

The issue is not that at the end of the scrolling the drop down list popup is closed.  The issue is that the focus is moved to the next item and then that item is then being scrolled.  So at the end of scrolling for the drop down list the drop down list is being closed and then the form is being scrolled.

Best Regards,

Mark Kilroy

[Willy]

Just to chime in that I share Mark's pain. This is very frustrating for users, especially when working with larger lists. 

It would be a great if there was a configuration option to prevent the scrollwheel from taking focus away from the widget and causing it to close.

[AkAlan]

I also share Mark's pain ​as do most of my users. I have searched the suggestions on Telerik Feedback but didn't see an open suggestion to be able to prevent the default behavior of the focus leaving the KendoDropDownList upon reaching the end of the list. We shouldn't have to make custom hacks to prevent this. 

[Willy]

I've created a fiddle that demonstrates how this should work: http://jsfiddle.net/cmhbtawq/

 

[Bertrand]

Has any progress been done by Telerik on this subject ?

I have the same problem. I didn't find the feature request related to this problem in your Feedback tool. This is very annoying for end-users. Instead of relying on votes on a confusing  and messy Feedback site, you should test your widgets with real users and fix what's wrong and annoying UX-wise. Thanks.

[Georgi Krustev]

Hello Bertrand,

As I mentioned in my last reply, the popup of the dropdownlist widget will close on parent scroll. This is the expected behavior. 

If you would like to introduce different behavior, then we will need to gather community feedback. Would it be possible to open a discussion in the UserVoice portal. This is the best way to track user interest and hence to decide whether to schedule this task for further investigation.

Regards,
Georgi Krustev
Telerik

 

 

[Przemyslaw]

UserVoice post about problem with scrolling Dropdowns

The actual behavior of is very annoying.