Meterial-UI [Select] - 在外部单击时如何移除焦点？

Question

我正在尝试使用 Material-UI 的 Select 组件进行简单的多重选择。但我不喜欢的一件事是，如果您取消选择任何内容或只是不选择任何内容并单击外部，则下拉菜单会消失，但标签仍然保持焦点，直到您再次单击或焦点放在其他组件上。

有什么解决办法吗？

我想在菜单消失时从标签/选择组件中删除焦点。

组件链接： https: //material-ui.com/demos/selects/

Answer 1

尽管这并不完全是您正在寻找的内容，但这些字段保持关注的重要原因（尽管有太多明显的概述）并且它是a11y。

由于保持对<select>元素的关注，我们可以重新选择选定的值，例如。仅通过键盘（这涵盖了当您无意中选择了错误选项并希望轻松返回选择列表的情况，或者 - 就像您的一样 -如果在任何情况下我们想要它但我们在发生之前关闭了列表，则可以轻松地再次选择）。

一件重要的事情是 MD 的<select>焦点行为与原生 select 的方式没有什么不同：

如果没有关键原因，一般不应更改outlinenone.com 。