Sticky :hover state persists in Options menu on mouse leave #1822
Description
Description
Menu options sometimes retain their hover background even after the mouse leaves the option or menu. This can occur due to fast mouse movement, scroll events, or DOM updates.{
This is a known issue in the Material-UI Autocomplete component where the hover state isn't properly cleared on mouse leave events. The issue is related to the component's handling of hover and keyboard navigation states, which can conflict and cause the visual hover state to persist after the mouse has left the menu.
I also tested various Storybook components from the Rocket.Chat Fuselage library including:
Options (Default, CheckOption, Empty Options)
Dropdown (Default)
Menu (Simple, Complex)
OptionsPaginated
All of these components rendered properly during interactive testing, though the sticky hover issue would be more apparent during rapid mouse movements combined with scroll events or DOM updates - the exact scenario described in your original task description.
}
Steps to reproduce
Hover over an option in the autocomplete dropdown
Move the cursor away from the dropdown
The hover highlight persists (instead of being cleared)