Mouse wheel outside a dropdown should not close the dropdown

[Sylvain]

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
​

 

[Ivan Zhekov]

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

 

 

[Sylvain]

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?

[Konstantin Dikov]

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:

• http://dojo.telerik.com/eBuqo

Hope this helps.


Regards,
Konstantin Dikov
Telerik