title: HTML5 datalist autocomplete dropdown not working on iOS
body: <p>I see this <a href="https://stackoverflow.com/questions/22772643/html5-datalist-not-working-with-vitrual-keyboard">question</a>, which is similar, but looks like no one was able to answer it. </p>
  
  <p>I decided to implement an autocomplete dropdown with the HTML5 datalist, because I have about 1,000 items I'd like mobile users to be able to start typing and narrow the list down. Seems to work great on my Android, but on iOS no options come up at all.</p>
  
  <p>Is this a known issue? I can't seem to find much info on it. I am thinking I will be looking hard for a screen position error (e.g., maybe the options are coming up off to the side of the screen area for some reason), but I'm baffled what else would cause this.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>       &lt;p&gt;School 1&lt;/p&gt;
         &lt;input type="text" id="input1" name="school" list="dlSchool1" class="collegeListInput" placeholder="Type a school's name..." /&gt;
         &lt;datalist id="dlSchool1"&gt;
              &lt;asp:Repeater ID="rpMobile" runat="server"&gt;
                   &lt;ItemTemplate&gt;
                        &lt;option value="&lt;%# Eval("SchoolName")%&gt;"&gt;&lt;%# Eval("SchoolName")%&gt;&lt;/option&gt;
                   &lt;/ItemTemplate&gt;
              &lt;/asp:Repeater&gt;
          &lt;/datalist&gt;
  </code></pre>
  
  <p>And some CSS:</p>
  
  <pre><code>.collegeListInput {
      width: 225px;
      margin-top: 20px;
  }
  </code></pre>
  
  <p>In JQuery I do some stuff on the focusout event.</p>
  
  <p>That's about it. Thanks in advance for any advice / resources. I'm on hour 14 of the workday, so be gentle if this is a really dumb question.</p>