jquery-ui autocomplete

[Matt Langeman]

I'm trying to create a form that has an autocomplete dropdown in
phonegap. I'm using other jquery mobile, so am looking to use the
jquery-ui autocomplete. However, I'm having problems. I can get the
options to show up as a list under the input box as I type, but you
cannot scroll through and select the options with the arrow keys to
pick your choice. You have to type the entire thing out and reduce it
down to one option.

Have others done this or used other autocomplete widgets with
phonegap?

Thanks,
Matt

[John H]

jquery mobile + jquery ui = unknown and often unwanted results.

 

The stylesheets and snippets of the js conflict with each other. Sometimes you can mix the two with no problem whatsoever, but sometimes you just have to find a workaround.

[Matt Langeman]

I'm looking at this again today and I'm realizing the issue was
actually with my testing/expectations. While I'm using the iOS
simulator and I was using my laptop keyboard instead of the device
keyboard. There are no arrow keys on an iPhone/iPad... it's a touch
interface!! So the code in jquery-ui that handles up/down arrow
keystrokes does not work properly in the iOS simulator. But you can
select your item directly with the mouse in the simulator (and I
assume via touch on the real thing).

Matt

[Gurpreet]

Matt,
I was trying to do a similar thing which is not working at all.

I am trying to write a form and run it as an Android application via
PhoneGap. I am not using, JQueryMobile, but the regular JQuery. I
added the JQuery-UI Autocomplete to the form and it worked well on the
emulator. As soon as I put the apk on a device and test, the
autocomplete does not work. The suggestions just to not appear.
Nothing!

Please help if you can.

Gurpreet