[Select] Scroll jumping to the selected item when reaching start or end of the list with Select.ScrollUpButton and Select.ScrollDownButton present #3686
Description
Bug report
Current Behavior
Scroll jumping to the selected item when reaching start or end of the list with <Select.ScrollUpButton /> and <Select.ScrollDownButton /> present
With buttons:
Screen.Recording.2025-09-26.at.13.58.31.mov
Works without buttons:
Screen.Recording.2025-09-26.at.14.01.10.mov
Expected behavior
It should not jump to the selected item. It should let you scroll from the top slowly down and from the bottom slowly up. As for example shown above in the video without the buttons.
Reproducible example
Suggested solution
Temporary workaround:
Remove <Select.ScrollUpButton /> and <Select.ScrollDownButton />.
Or
Swap <Select.ScrollUpButton /> and <Select.ScrollDownButton /> to <div> for now.
Additional context
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Radix Package(s) | @radix-ui/react-select | 2.2.6 |
| React | n/a | 19.1.0 |
| Browser | Chrome | Version 140.0.7339.186 (Official Build) (arm64) |
| Node | n/a | node:23-alpine |
| npm/yarn/pnpm | ||
| Operating System | MacOS | 13.7.8 (22H730) |