title: Simple select tag with options not working on Chrome
body: <p>I ran to this problem where I am unable to expand this simple select tag on my chrome.</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-html lang-html prettyprint-override"><code>&lt;select id="filterCategory" class=""&gt;
    &lt;option&gt;1&lt;/option&gt;
    &lt;option&gt;2&lt;/option&gt;
    &lt;option&gt;3&lt;/option&gt;
    &lt;option&gt;4&lt;/option&gt;
    &lt;option&gt;5&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Steps to reproduce:</p>
  
  <ol>
  <li>Run code snippet above (on Chrome),</li>
  <li>Go for Developers Mode (F12),</li>
  <li>Toggle mobile device mode (By default is Ctrl + Shift + M)</li>
  </ol>
  
  <p>I am currently using Chrome Version 53.0.2785.116 (64-bit) on Ubuntu</p>
  
  <p>This works fine in any other browser or mobile native browsers, it's just for Chrome.</p>
  
  <p><strong>Question</strong>: Any temporary workaround for this?</p>
  
  <p><em>Edit:
  This behavior is worsen if I use position fixed as its container and <code>form-control</code> class from bootstrap. The option is out of the chrome window with invisible options.</em></p>