Autocomplete force pac-container above search box

Question

I am having a hard time figuring out how to do this.

I am using google.map.places.Autocomplete and its all working fine, but due to app/screen sizes the pac-container with the returned search listings is behind the devices virtual keyboard - and thus on about half of the devices I have tested the user can't see the returned address list. Obviously you don't want the pac-container in front of the keyboard because then various keyboard keys will be hidden.

How can I force the pac-container to appear above (and scroll up) the search/input box?

Answer 1

The simplest way is to check when the keyboard opens and then minus margin the page a bit.

body.keyboardopen {
     margin-top: -@keyboardheight;
}