当<label>隐藏或不存在时，HTML <select>选项不与键盘控件一起显示

Question

我有一个非常简单的<select>下拉菜单，其中有两个孩子<option>：

<div>
    <select>
        <option
            value="defaultPrice"
            selected
        >Price</option>
        <option
            value="title"
        >Title</option>
    </select>
</div>

当我使用鼠标并单击选择时，将显示选项上下文菜单以选择一个选项：

但是，当我使用键盘并聚焦选择元素时，向上和向下键将不会像预期的那样弹出相同的对话框。

但是当我在标签中添加标签时，向上和向下键会显示上下文菜单：

<div>
    <label for="my-select">Sort order</label>
    <select id="my-select">
        <option
            value="defaultPrice"
            selected
        >Price</option>
        <option
            value="title"
        >Title</option>
    </select>
</div>

然后，如果我随后添加CSS以隐藏标签，则不会再次显示该下拉列表。

无论我在哪里使用选择下拉菜单，这似乎都在发生，并且似乎只是Chrome中的问题（77.0.3865.90版）。

该网站上还没有CSS，因此这不是样式问题。

还有其他人遇到过这样的问题吗？不确定是我的标记问题还是Chrome的错误。