Kendo Drop down list positioning issue on scroll of the page

2 posts, 0 answers
  1. saroj
    saroj avatar
    39 posts
    Member since:
    Oct 2011

    Posted 13 Jan 2014 Link to this post

    Hi Support,

    I am using kendo drop down list in grid.
    I am facing an issue on scroll of the page when the drop down was opened while edit/add in grid. (See attachment) 
    When kendo ui drop down opened try to scroll with the mouse wheel, the kendo dropdown list is detaching from it and moving on the page with the scroll.

    Is there any fix for this to make it close on scroll .
    To produce the scenario :-  
    1>  open the drop down list using mouse scroll wheel move the page up/down .
    2> List also will move to up and down by detaching from the element

    Any help much appreciated.
    thanks in advance

  2. Georgi Krustev
    Georgi Krustev avatar
    3724 posts

    Posted 14 Jan 2014 Link to this post

    Hello Saroj,

    Widgets with popup elements, like DropDownList, are designed to close the popup elements on window scroll. If the widget is placed in scrollable container then the developer is responsible for closing the popup elements. This easily can be done by closing all popup elements put in the body. Check this jsFiddle demo for more information.

    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top