Skip to content

[Bug]: keyboard navigation in scrollable picker menu is interrupted by mouse hover #5693

@alexandra-simion

Description

@alexandra-simion

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

sp-picker

Library version

1.7.0

Expected behavior

When reaching the end of the menu while navigating with the keyboard, mouse position should not influence the selection when scrollbar jumps. The next element in the menu should be focused

Actual behavior

Mouse hover takes priority over keyboard focus when scrollbar jumps

Screen.Recording.2025-08-14.at.09.42.57.mov

Screenshots

No response

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

  1. Test on a sp-picker with a scrollable menu
  2. Place the mouse inside of the dropdown
  3. Start navigating in dropdown with the arrow keys
  4. When the selection reaches the end of the visibile content, notice how the next selection becomes the one that the mouse hovers

Sample code or abstract reproduction which illustrates the problem

https://stackblitz.com/edit/vitejs-vite-rbexfqdo?file=src%2Fmy-element.ts

Severity

SEV 3

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

  • Yes, please tell me the ticket number!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions