<datalist> 在 iPad 中未按预期工作

如何解决<datalist> 在 iPad 中未按预期工作

我正在尝试使用 Chrome 和 Firefox 浏览器，它在桌面和移动设备上按预期工作。但是，在适用于 Chrome 和 Firefox 的 iPad 中，它无法按预期工作。 这是复制问题的代码

    <label for="ice-cream-choice">Choose a flavor:</label>
    <input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />
    <datalist id="ice-cream-flavors"> 
        <option value="Chocolate">Chocolate</option>
        <option value="Coconut">Coconut</option>
        <option value="Mint">Mint</option>
        <option value="StrawBerry">StrawBerry</option>
        <option value="Vanilla">Vanilla</option>
   </datalist>

在 iPad 中，对于 Chrome 和 Firefox，如果我在输入框中输入“C”，则相关选项即。 'Chocolate' 和 'Coconut' 确实出现了，但在它们之后还有 3 个空选项/行。

此外，如果我从其中选择 1 个选项，如果我按退格键并清除“椰子”，则说“椰子”，之后此处不会显示任何选项，我必须刷新页面以使其再次工作。因此，选项仅显示一次。

非常感谢任何帮助