Groupper: reset focus trap when focus leaves the group
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 165
- Forks
- 42
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 9
Description
This bug can be found using the following steps (reproducible in the storybook for groupper):
- tab to the focus group container
- hit enter to reach the first focusable button
- click outside the focus group to move focus outside of it
- tab back to the focus group, and observe that tab reaches the inner buttons & is then trapped within the group without needing to hit enter again
The desired behavior would be that if focus leaves a focus group without using Escape (e.g. through clicking elsewhere, using a screen reader's virtual cursor, or mixing modes in any of several other ATs), the focus group state is reset and the user would need to hit enter again to reach inner items if the tabability is set to limited or limited-tab-focus.
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
Reproduce the behavior in the Storybook for groupper using the listed focus and tab sequence. Trace the groupper focus-state handling, then verify that leaving the group without Escape resets the state so returning focus requires Enter again when tabability is limited.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- 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