[Select] [Mouse Scroll] [Firefox-specific] Multiple items in select dropdown highlight on mouse scroll

[ellevargas]

Bug report

Current Behavior

I've got a Selector component that follows the pattern laid out in the Select primitive. When the component dropdown list reaches a certain size, we give the viewport a scroll bar, and that's where we are seeing the bug: when a user is hovering over an option, it's highlighted, but that highlight sticks and doesn't move focus with the item the mouse is hovering on. When the user moves their mouse slightly after scroll, focus corrects to the item their mouse is hovering over and the earlier highlight is removed.

This is only happening in Firefox. Chrome appears unaffected.

Expected behavior

Focus should follow mouse pointer and release from previous focus on scroll.

Reproducible example

CodeSandbox Template

Suggested solution

Additional context

Your environment

Software	Name(s)	Version
Radix Package(s)	radix-ui/react-scroll-area, radix-ui/react-select	1.2.2, 2.1.5
React	n/a	19.0.0
Browser	Firefox	135.0.1
Assistive tech	n/a
Node	n/a	23.2.0
npm/yarn	npm	10.9.0
Operating System	MacOS Sequoia	15.3.1