如何通过onFocus事件打开菜单后如何删除按钮上的焦点

Question

我在Material UI的Menu之后有一个带有图标的菜单。目的是允许用户将鼠标或键盘选项卡焦点悬停在3个点上，而不是单击以打开菜单。用鼠标或输入键单击一项时，菜单关闭。

要实现这一点，我在菜单中添加了onFocus和onMouseOver。鼠标/悬停可以正常工作。问题是键盘选项卡。菜单打开后，焦点永远不会离开3点图标。我将需要关注菜单或菜单的第一项。我该如何解决这个问题？谢谢！

      <IconButton
        onFocus={handleClick}
        onMouseOver={handleClick}
      >
        <MoreVertIcon />
      </IconButton>
      <Menu
        id="long-menu"
        anchorEl={anchorEl}
        keepMounted
        open={open}
        onClose={handleClose}
      >
        {options.map(option => (
          <MenuItem />
        ))}
      </Menu>

完整的代码沙箱为here