Javascript 材料界面[选择]-点击外部时如何移除焦点?

Javascript 材料界面[选择]-点击外部时如何移除焦点?,javascript,html,css,reactjs,material-ui,Javascript,Html,Css,Reactjs,Material Ui,我正在尝试使用MaterialUI的select组件进行简单的多重选择。但我不喜欢的一件事是,如果您取消选择任何内容,或者只是不选择任何内容,然后单击外部,下拉列表将消失,但标签将保持聚焦,直到您再次单击或聚焦到其他组件 有解决办法吗 当菜单消失时,我想从标签/选择组件中移除焦点 链接到组件:虽然这并不完全是您要查找的内容,但这些字段之所以保持焦点(尽管其轮廓太明显)是有重要原因的 由于始终关注元素,我们可以在选定值后重新选择,例如仅通过键盘(这包括您无意中选择了错误选项并希望轻松返回选择列

我正在尝试使用MaterialUI的select组件进行简单的多重选择。但我不喜欢的一件事是,如果您取消选择任何内容,或者只是不选择任何内容,然后单击外部,下拉列表将消失,但标签将保持聚焦,直到您再次单击或聚焦到其他组件

有解决办法吗

当菜单消失时,我想从标签/选择组件中移除焦点


链接到组件:

虽然这并不完全是您要查找的内容,但这些字段之所以保持焦点(尽管其轮廓太明显)是有重要原因的


由于始终关注
元素,我们可以在选定值后重新选择,例如仅通过键盘(这包括您无意中选择了错误选项并希望轻松返回选择列表的情况,或者-与您的一样-如果在任何情况下我们需要它,但我们在它发生之前关闭了列表,则可以轻松再次选择)

重要的一点是,MD的
焦点行为与native select的方式没有区别:


通常情况下,如果没有关键原因,就不应该更改。

这不是我要找的,但这是值得标记的答案。我用了很多时间,但从未注意到。这不是一个bug,而是一个功能。我注意到的原因只是因为标签浮动。谢谢,伙计。知识++。请@Xarvalus,你可以吗看到这里的问题了吗?我想把重点放在父容器上,但我不能