title: Show full datalist on click/type?
body: <p>Hi guys I have a HTML5 input combined with a datalist, is there a way to show the entire list when the input box is clicked or typed in to. </p>
  
  <p>For example,</p>
  
  <p>An input with a datalist and options {ab,ac,bb,bc}</p>
  
  <p>typing a will only show ab and ac. I would like it to still show all options.</p>
  
  <p>in chrome there is a little arrow you can click to show the entire datalist, this is not the case in firefox though. </p>
  
  <p>Is there a way to do this in firefox?</p>
  
  <p>HTML - tried autocomplete = false, but doesn't effect the datalist</p>
  
  <pre><code>&lt;input id="one" list="List"&gt;
  &lt;datalist id="List" autocomplete=false&gt;
      &lt;option&gt;ab&lt;/option&gt;
      &lt;option&gt;ac&lt;/option&gt;
      &lt;option&gt;bb&lt;/option&gt;
      &lt;option&gt;bc&lt;/option&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/qapsjxx7/" rel="nofollow">http://jsfiddle.net/qapsjxx7/</a></p>