title: Scroll bar for Datalist in HTML5
body: <p>I am having trouble with <code>datalist</code> in HTML5, i have 10000 rows to display in my <code>option</code> values, I am populating from mysql using PHP, for some reason I can't see any scrollbar, i tried <code>overflow:scroll</code> setting <code>height</code> and <code>width</code> but no help. Please help me!</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;form action="NutritionDataBank.php" method="post"&gt;
          &lt;label&gt;Select NDBNum:&lt;/label&gt;
          &lt;input list="ndbnum" id="ndb" placeholder="e.g.1001" size="20" multiple&gt;
  
          &lt;datalist id="ndbnum"&gt;
              &lt;?php
                  //...                               
                  while($row = mysqli_fetch_array($result)){
                     echo "&lt;option value=$row[ndbNum]&gt;&lt;/option&gt;"; 
                  }
              ?&gt;
          &lt;/datalist&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>