Mover: have symmetrical forwards/backwards tabbing behavior
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 165
- Forks
- 42
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 9
Description
Currently the behavior for mover is to have tab focus land on the first item when tabbing forwards, and the last item when shift+tabbing backwards (reproducible in the storybook: https://tabster.io/storybook/?path=/story/mover--circular, applicable to all stories apart from the Tabbable one).
One of the principles of good tab navigation is that it is symmetrical when moving both forwards and backwards, so we should ensure tabster doesn't break this by default. My guess would be that the first item in the group should be the default focus stop, unless overridden by an author.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Mover implementation and the Storybook circular story linked in the issue, reproducing forward Tab and backward Shift+Tab behavior in the affected stories. Trace how the default focus stop is selected and verify that both directions use the same default, while an author override remains respected. Done means the navigation is symmetrical across the applicable stories.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100