adobe / adobe/react-spectrum

Slider pulls focus back to itself when I try to manually move it elsewhere onChangeEnd

Open
#4,565 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.