HTML5数据列表自动完成下拉列表在iOS上不起作用

我看到了这一点，这是类似的，但似乎没有人能够回答它

我决定用HTML5数据列表实现一个自动完成下拉列表，因为我有大约1000个项目，我希望移动用户能够开始键入并缩小列表范围。在我的Android上似乎效果很好，但在iOS上却没有任何选择

这是一个已知的问题吗？我似乎找不到太多关于它的信息。我想我会努力寻找屏幕位置错误（例如，可能由于某种原因，选项出现在屏幕区域的一侧），但我不知道还有什么会导致这种情况

以下是HTML：

       <p>School 1</p>
       <input type="text" id="input1" name="school" list="dlSchool1" class="collegeListInput" placeholder="Type a school's name..." />
       <datalist id="dlSchool1">
            <asp:Repeater ID="rpMobile" runat="server">
                 <ItemTemplate>
                      <option value="<%# Eval("SchoolName")%>"><%# Eval("SchoolName")%></option>
                 </ItemTemplate>
            </asp:Repeater>
        </datalist>

在JQuery中，我对focusout事件做了一些工作

---

就这样。提前感谢您提供的任何建议/资源。我现在是工作日的第14个小时，所以如果这是一个非常愚蠢的问题，请温和一点。

iOS还不支持数据列表（请未来的访问者注意，截至2014年10月6日，iOS的当前版本是8.0.2）

---

请注意，这部分是由于界面限制（在iOS上，一个文本字段将打开屏幕键盘，显示项目数据列表的位置）。如果没有大规模的重新设计，这两件事就无法共存。

.collegeListInput {
    width: 225px;
    margin-top: 20px;
}