Toast auto-focus not behaving correctly
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
Noted in https://openedx.atlassian.net/wiki/spaces/BPL/pages/4481155130/2024-09-18+Meeting+notes
- It seems the auto-focus on interactive element does not work when the
Toastopens.
- Focus shouldn’t be put directly on the “Dismiss” if there’s another interactive element (e.g., the optional
action).- It seems the disabling of the auto-dismiss may not work when the dismiss /
actionhas focus (at least on Adam’s machine lol)
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 linked 2024-09-18 Meeting notes, then locate the Toast component entry point; the issue names no source file or test. Reproduce opening a Toast with an optional action and with focus on Dismiss or action, then verify focus chooses the appropriate interactive element and auto-dismiss pauses while either control has focus.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100