Meterial-UI [选择] - 如何在外部点击时删除焦点？

Question

我正在尝试使用Material-UI的Select组件进行简单的多重选择。但有一点我不喜欢的是，如果您取消选择任何内容或者只是不选择任何内容并单击外部，则下拉列表会消失，但标签会保持聚焦状态，直到您再次单击或专注于其他组件为止。

任何解决方案？

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

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

Answer 1

虽然这并不是您正在寻找的东西，但是为什么这些字段保持专注（尽管有太多可见的概述）并且a11y是<{3}}。

由于关注<select>元素，我们可以重新选择一次选择的值，例如。仅通过键盘（这包括你无意中选择了错误选项并且想要轻松返回选择列表的情况，或者 - 如你所知 - 如果在我们想要的任何情况下轻松选择，但我们在发生之前关闭了列表）。

一个重要的事情是，MD <select>的焦点行为与本机选择的方式没有区别：

一般情况下，如果没有严重的理由，不应该更改 outlinenone.com 。