title: HTML5 datalist does not open if input already focused
body: <p>I came across this implementing "suggestions"-like lists on some number input fields;</p>
  
  <p>If the input field is not active, clicking on the "down arrow" will open the drop-down list.</p>
  
  <p>If the input field is already focused, click on the "down arrow" will flicker the drop-down list, but will not remain open and will close immediately.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="number" id="inputNumber" list="numberList"&gt;
  
  &lt;datalist id="numberList"&gt;
    &lt;option value="2"/&gt;
    &lt;option value="3"/&gt;
    &lt;option value="5"/&gt;
    &lt;option value="7"/&gt;
    &lt;option value="11"/&gt;
    &lt;option value="13"/&gt;
    &lt;option value="17"/&gt;
    &lt;option value="54"/&gt;
  &lt;/datalist&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This happens with Google Chrome 44.0.2403.107. Is this a bug? Or is there something I don't understand?</p>
  
  <p>** <strong>Edit</strong> **</p>
  
  <p>Moreover, I just added the value <code>54</code> and the list <em>will</em> open if the value <code>5</code> is already set and the field is in focus, however <em>all</em> values will be shown. Clicking once more on the arrow will, then, filter out everything but <code>54</code> in the list. (<strong>Note</strong> that this is even inconsistent as the correct behaviour may also happen at times.)</p>