Autocomplete in popup

2 posts, 0 answers
  1. Gaurav
    Gaurav avatar
    2 posts
    Member since:
    May 2012

    Posted 28 Apr 2016 Link to this post

    I have added autocomplete in a popup. There are almost 1000 records in the list.

    When suggestion list opens, autocomplete's popup element is bound at body level.

    I am opening this page on Android device where autocomplete's list hides behind the keyboard in landscape mode. When I scroll the list, body behind the popup also scrolls when last point of autocomplete list is reached. Due to this autocomplete textbox and its list appear disconnected.

    I used popup property of autocomplete and provided class of popup to this property's append attribute. In that case, autocomplete input and its list don't appear disconnected but popup scrolls when I scroll list after reaching to its last point and list also get closed when I scroll in this scenario due to which I'm not able to select last item of the list.

    What should be done to fix this case?

    Any help would be appreciated.


    Thanks & Regards,

    Gaurav Prajapati

  2. Petyo
    Petyo avatar
    2444 posts

    Posted 02 May 2016 Link to this post


    popups and autocomplete widgets (especially with large number of items in them) are by no means suitable for mobile devices and limited screen estate. I may suggest that you re-consider you UI approach if supporting a mobile device is a requirement for you.

    Apart from that, the behavior you observe is by design. The popup and the autocomplete drawer close when the document scrolls. 

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