Google maps autocomplete, fix to the input
<p>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:</p>
<p><a href="https://i.stack.imgur.com/XkEw4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XkEw4.jpg" alt="Position bug when scroll" /></a></p>
<p>So I tried different things like changing the position of <em>.pac-container</em> 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.</p>
<p>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:</p>
<pre class="lang-js prettyprint-override"><code>function initialize() {
    var options = {componentRestrictions: {country: 'uk'}, types: ['geocode']}
    new google.maps.places.Autocomplete(
        (document.getElementById('autocomplete')), 
        options
    );
}
        
initialize();
</code></pre>
<p><a href="http://jsfiddle.net/GVdK6/265/" rel="nofollow noreferrer">jsfiddle</a></p>
<p>Thanks</p>