title: Google maps autocomplete, fix to the input
body: <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>