Simple select tag with options not working on Chrome
<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>