reactjs - Grommet MaskedInput 不适用于多个输入

Question

我正在MaskedInput为我的网络应用程序创建一个时间选择器。我使用了grommet网站上的示例，但无法使其正常工作。例如，在网站上显示的小部件上

https://v2.grommet.io/maskedinput

我可以点击小时来更改小时，但我不能点击分钟来更改分钟。要显示分钟，我需要先点击外面以放松焦点，然后点击分钟才能看到分钟。同样的事情也适用于上午/下午的选择。除非我失去焦点，否则我看不到它，然后点击上午/下午设置，然后更改它。

如何配置以便用户在单击被屏蔽输入中的任何输入时可以看到输入值，即使该字段已经聚焦？

此沙箱还显示grommet网站https://codesandbox.io/s/github/grommet/grommet-sandbox?initialpath=/maskedinput&module=%2Fsrc%2FMaskedInput.js上存在的相同问题

当在 MaskedInput 上设置一个值时会出现问题，这很可能是时间选择器的情况。请参阅显示问题的附加视频。当我点击分钟时，会显示分钟下拉菜单，但之后当我点击小时或上午/下午时，不会显示其他下拉菜单。

标签： reactjsgrommet