Autocomplete in popup

[Gaurav]

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

[Petyo]

Hi,

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. 

Regards,
Petyo
Telerik