Mouse wheel outside a dropdown should not close the dropdown

4 posts, 0 answers
  1. Sylvain
    Sylvain avatar
    24 posts
    Member since:
    Feb 2011

    Posted 12 Nov 2015 Link to this post

    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

     

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 13 Nov 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Sylvain
    Sylvain avatar
    24 posts
    Member since:
    Feb 2011

    Posted 13 Nov 2015 Link to this post

    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?

  5. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1798 posts

    Posted 17 Nov 2015 Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready