Menu hide on hover outside

[alekseykurylev]

How can I remove the focus from the descendants if the cursor is removed so that 'hideOnHoverOutside' works?

<MenuProvider>
  <MenuButton showOnHover>More</MenuButton>
  <Menu hideOnHoverOutside>
    <MenuItem>Undo</MenuItem>
    <MenuItem>Redo</MenuItem>
    <MenuProvider>
      <MenuItem render={<MenuButton />}>Find</MenuItem>
      <Menu>
        <MenuItem>Find Next</MenuItem>
        <MenuItem>Find Previous</MenuItem>
      </Menu>
    </MenuProvider>
  </Menu>
</MenuProvider>

hideOnHoverOutside.mov

[diegohaz]

<MenuItem focusOnHover={false}>