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

Mouse wheel outside a dropdown should not close the dropdown

3 Answers 272 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Sylvain
Top achievements
Rank 1
Sylvain asked on 12 Nov 2015, 11:35 PM

I feel like this is a bug:

- add a dropdown to a page

- open the dropdown

- mouse mouse cursor on top of the dropdown

- use the mouse wheel : content scrolls as expected

- mouse mouse cursor on ​outside of the dropdown

- use the mouse wheel : bug : the dropdown closes

- Expected behavior: the page should scroll (if necessary) but the dropdown should stay open

 

3 Answers, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 13 Nov 2015, 09:44 AM
Hi, Sylvain.

The described behaviour is by design and is not a bug.

The reasoning behind such decision is not to have the dropdown positioned after scroll for a number of reasons, including but not limited to changing constraints of the dropdown; loading of items and many more.

We have had similar and more issues in UI for Ajax and the precursor of KendoUI, UI for MVC, so for KendoUI the best approach was chosen to hide the dropdown altogether.

Regards,
Ivan Zhekov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Sylvain
Top achievements
Rank 1
answered on 13 Nov 2015, 02:40 PM

Hi,

I understand. There is a very common case where this causes a usability issue:

- add a dropdown to a page. make sure the there are just enough items in the dropdown to cause a scrollbar to appear.

- open the dropdown

- use the wheel to reach the last item

- very often, this will scroll beyond the point where the dropdown can scroll. When that point is reached, the document scrolls instead of the dropdown content ​which causes the dropdown to close.

 

 Is there a way for me to modify this behavior?

0
Konstantin Dikov
Telerik team
answered on 17 Nov 2015, 12:30 PM
Hello Sylvain,

For the scenario that you are describing you could prevent the scrolling of the parent element when you scroll within the DropDownList popup with the approach demonstrated in the following dojo example:
Hope this helps.


Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
DropDownList
Asked by
Sylvain
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Sylvain
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or