Fix google maps autocomplete to the input

@weride wrote:

Hi,
I'm trying to add a google maps autocomplete input to my ionic app. It works pretty well except when I scroll. As shown on the image:

Position bug when scroll

So I tried different things like changing the position of .pac-container but it doesn't solve the problem. When I inspect the page, it seems that the results container loads at the end of the page, so it's not easy to make the block stick to the input bar.

Image may be NSFW.
Clik here to view.

I already searched everywhere and didn't fidn any suitable solution ? Does someone have an idea how to do it ? (It's actually just a simple code like this:

function initialize() {
        var options = {componentRestrictions: {country: 'uk'}, types: ['geocode']}
    new google.maps.places.Autocomplete(
    (document.getElementById('autocomplete')), options);
}

initialize();

jsfiddle

Thanks in advance, Robin Fourcade.

Posts: 1

Participants: 1

Read full topic