title: Changing position of Google Places Autocomplete result box
body: <p>On a page I'm working on, the results of the Google Places Autocomplete is showing up 70px below where it should, leaving a gap between the search box and the beginning of the results container.</p>
  
  <p>The height of the gap happens to be the exact height of Chrome's autofill feature, so I'm suspicious that the Autocomplete library is for some reason taking that height into account when calculating the position, even though I've managed to disable that feature on my search box.</p>
  
  <p>I'm able to fix the problem by overriding the value of the <code>top</code> attribute of the <code>.pac-container</code> class (replacing the value of <code>1234px</code> which the API has calculated with <code>1164px</code>), but I would rather have a way to do this dynamically or just based on an offset than have to hard-code that number.</p>
  
  <p>Is there a way, with CSS or JavaScript/jQuery, to move the Autocomplete results container up by a certain amount?</p>
  
  <p>A list of the CSS classes involved in the Autocomplete box can be found in Google's <a href="https://developers.google.com/maps/documentation/javascript/places-autocomplete#style_autocomplete" rel="noreferrer">documentation</a>.</p>