processing / processing/p5.js-web-editor
Bug: Keyboard Tab Navigation Not Working Properly in Settings Modal
@Nishthajain7 is already working on this.
Since Apr 10, 2026.
- Dominant language
- JavaScript
- Stars
- 1.7k
- Forks
- 1.7k
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 8
Description
p5.js version
No response
What is your operating system?
None
Web browser and version
No response
Actual Behavior
While testing keyboard accessibility in the Settings modal, tab navigation is not functioning correctly.
The focus gets trapped within toggle options (e.g., On/Off buttons).
Pressing Tab cycles between these buttons instead of moving forward.
It does not reach other tabs like:
Accessibility
Library Management
This creates an accessibility issue for keyboard-only users.
Expected Behavior
Tab should follow a logical focus order:
Move across sections
Reach top navigation tabs (Accessibility, Library Management)
Not get trapped inside toggle components
Steps to reproduce
Open the Settings modal
Start pressing Tab key to navigate
Observe focus behavior
// Paste your code here :)
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.
Assessment
This issue has not been assessed yet.