We are building a mobile site for our product ridingo.
We use the google places autocomplete feature extensively on our site. This is used to provide suggestions to user
I've tried to do a little tweak with jquery. It is a temporary solution, hopefully google will manage to solve this bug.
Ive added following code after initializing my autocomplete text field:
And when loading:
$(function() {
var autocomplete = new google.maps.places.Autocomplete((document.getElementById('maps-autocomplete')));
$('#maps-autocomplete').keyup(function(e) {
var container = $('.pac-container').first();
if (container.offset().top > $(this).offset().top + $(this).outerHeight()) {
container.offset(
{
top: $(this).offset().top + $(this).outerHeight()
}
);
}
});
});
It only works on the second enter of a character, but at least it works for this time.