javascript - example - Autocompletar forzar pac-container arriba del cuadro de búsqueda

input autocomplete javascript

Question

Estoy teniendo dificultades para descubrir cómo hacer esto.

Estoy usando google.map.places.Autocomplete y todo funciona bien, pero debido a los tamaños de la aplicación / pantalla, el contenedor de pac con los listados de búsqueda devueltos está detrás del teclado virtual de los dispositivos, y por lo tanto en casi la mitad de los dispositivos que he probado el usuario no puede ver la lista de direcciones devuelta. Obviamente, no desea que el contenedor de pac se encuentre delante del teclado, ya que varias teclas del teclado estarán ocultas.

¿Cómo puedo forzar que el pac-container aparezca arriba (y desplazarse hacia arriba) en el cuadro de búsqueda / entrada?

Answer 1

La forma más simple es comprobar cuándo se abre el teclado y luego, un margen menos la página un poco.

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