Skip to content

[combobox][select] Fix hovered item stealing highlight when the list scrolls in Safari#5265

Open
arikchakma wants to merge 1 commit into
mui:masterfrom
arikchakma:fix/list-navigation-safari-stationary-mousemove
Open

[combobox][select] Fix hovered item stealing highlight when the list scrolls in Safari#5265
arikchakma wants to merge 1 commit into
mui:masterfrom
arikchakma:fix/list-navigation-safari-stationary-mousemove

Conversation

@arikchakma

Copy link
Copy Markdown

Fixes #4002

In Safari, when keyboard navigation scrolls the list, WebKit fires a mousemove on whatever item ends up under the cursor, even though the mouse never moved. useListNavigation takes that as a real hover and moves the highlight there, so the keyboard highlight keeps snapping back to wherever the mouse was. Chrome and Firefox don't fire these events.

The fix ignores 0 delta mousemove/pointermove events when running in WebKit. Select, Combobox, and Menu all share this hook, so all three are covered.

@pkg-pr-new

pkg-pr-new Bot commented Jul 18, 2026

Copy link
Copy Markdown

commit: c5204d1

@code-infra-dashboard

code-infra-dashboard Bot commented Jul 18, 2026

Copy link
Copy Markdown

Bundle size

Bundle Parsed size Gzip size
@base-ui/react 🔺+78B(+0.02%) 🔺+21B(+0.01%)

Details of bundle changes

Performance

Total duration: 1,007.37 ms -36.99 ms(-3.5%) | Renders: 78 (+0) | Paint: 1,568.98 ms -72.74 ms(-4.4%)

No significant changes — details


Check out the code infra dashboard for more information about this PR.

@netlify

netlify Bot commented Jul 18, 2026

Copy link
Copy Markdown

Deploy Preview for base-ui ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit c5204d1
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/6a5c01a46e1b4100088cf0cc
😎 Deploy Preview https://deploy-preview-5265--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@zannager zannager added component: select Changes related to the select component. component: combobox Changes related to the combobox component. labels Jul 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: combobox Changes related to the combobox component. component: select Changes related to the select component.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[combobox][select] Hovered item gets highlighted when scroll changes in Safari

2 participants