Slider pulls focus back to itself when I try to manually move it elsewhere onChangeEnd
Open
bug
Slider
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
### Discussed in https://github.com/adobe/react-spectrum/discussions/4550
https://codesandbox.io/s/spring-glitter-329tzn?file=/src/App.js
1. Using the mouse, move the slider
2. Press Esc
See in the console that the button briefly receives focus before it loses it back to the thumb, which displays the focus ring after hitting Esc.
Contributor guide
Research direction
The reproduction is in the CodeSandbox's src/App.js; first read the linked discussion and reproduce the mouse-move/Esc sequence while watching the console. Trace the slider's onChangeEnd focus behavior and verify completion when the button keeps focus instead of focus returning to the thumb.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100