Can't navigate with up/down on keyboard if I hover over certain parts of a Hover Menu

[alexplumb]

See the Hover Menu demo here: https://jcoreio.github.io/material-ui-popup-state/#hover-menu

Expected Behaviour

If I hover over any part of the button that triggers the opening of a Hover Menu, I should be able to navigate through menu items by pressing the up or down keys.

Actual Behaviour

Hovering over the button chrome allows for keying up/down, but if I hover over any children of the menu (even if it's just the text), I'm no longer able to use the up/down keys to navigate.

Reproduction Steps

1. Navigate to the hover menu section of the demo
2. Hover over the corner of the button - you should see the menu pop up with one of the options selected and you can use up/down keys
3. Move your mouse over the text of the button - you should see the selection disappear and you are no longer able to use up/down keys

Environment

Windows 10.19043
Chrome/Firefox/Edge

[jedwards1211]

🎉 This issue has been resolved in version 1.8.4 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀