title: How to set datalist to show all options on focus?
body: <p>I want to create a dropdown as in the snapshot below. I Googled and got to know that <code>HTML5 datalist</code> can help me do this. However, datalist does not show all options when the focus is on it. How do I show all options?</p>
  
  <p><img src="https://i.stack.imgur.com/yaRwC.png" alt="Snapshot">
  <br><br>Here is my code so far:</p>
  
  <pre><code>&lt;input list="theaters" name="theaters"&gt;
      &lt;datalist id="theaters"&gt;
          &lt;option value="Inox"&gt;
          &lt;option value="E Square"&gt;
      &lt;/datalist&gt;
  &lt;/input&gt;
  </code></pre>