如何通过“标签”触发HTML5数据列表下拉菜单，或者为什么不触发？

如何解决如何通过“标签”触发HTML5数据列表下拉菜单，或者为什么不触发？

<input type="text">

<datalist id="popular-descriptions">
  <option value="Datalist option A"></option>
  <option value="Datalist option B"></option>
</datalist>
    
<input type="text" list="popular-descriptions">

当我通过按上次输入中的Tab键使输入聚焦时，不会触发

HTML5数据列表下拉菜单。我该如何解决？

当我通过点击将其聚焦时，带有数据列表的输入的外观如下

这是当我从先前的输入中“ tab”进入时的样子：

Firefox更进一步，仅当您再次单击输入时才显示数据列表下拉列表

在用户使用Tab键或iOS键盘上的上/下箭头将输入聚焦的情况下，如何触发下拉菜单？

还是不是默认行为的原因？