I'm using the jQuery UI autocomplete in a jQuery mobile page (so I hope I used the right forum, it might be a bit of a border-line case but I think I should fix the issue within jQuery UI).
When I use the page on a mobile device the autocomplete box pops up and technically it works as expected. Now my problem is that there might be only very little screen space and the device's virtual keyboard takes up a lot of space.
I'd like to close the virtual keyboard with the built-in button. My problem is that this triggers (at least on iOS) a blur event or so and my suggestion box goes aways.
So I'm looking for a way to keep the suggestion box open if the user closes the virtual keyboard (but only in that specific case, the suggestion box should go way if he taps somewhere else on the site).
Is that somehow possible with jQuery's autocomplete widget?
Constraints: I'm using the exact same code on the desktop site and I'd like to keep it that way. Using a different autocompletion plugin for mobile is rather unattractive (also I'm using several features like categories).
Here are a couple ideas to chew on. I can't give a specific answer.
1. Autocomplete has an open event which can contain a function. Its is described in the documentation. Conceivably the function could look for the specific iOS keyboard event and open/instantly re-open the dropdown. I don't know if the dropdown would retain its item contents, if the user removes the mobile keyboard after the dropdown is populated.