microsoft / microsoft/tabster

Mover: have symmetrical forwards/backwards tabbing behavior

Open
#309 0 comments 0 reactions 0 assignees View on GitHub

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.