title: Autocomplete on input making content jump
body: <p>I have an input and in Chrome when the autocomplete menu pops up and you hover over one of the selections the content below the input jumps.  Its like the autocomplete selection is adding vertical padding for some reason.  How can I stop this it's annoying.  Here is an example:</p>
  
  <p><a href="https://jsfiddle.net/wamosjk/djufz64L/" rel="nofollow noreferrer">Fiddle Demo</a></p>
  
  <p>You will probably have to go the fiddle because in the snippet the autocomplete is disabled for some reason.  But if you click on the input and hover over an autocomplete entry you can see the green box move.  Why is this happening and how do you disable this behavior.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div{
    width:300px;
    height:200px;
    background: green;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" name="q" /&gt;
  &lt;div&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>