FormidableLabs / FormidableLabs/react-live
LiveEditor Keyboard accessibility; No key present to take focus to previous or next interactive element
Offen
@r281GQ arbeitet bereits daran.
Seit 13.9.2024.
enhancement
Issue: Accepted
- Vorherrschende Sprache
- TypeScript
- Sterne
- 4.6k
- Forks
- 260
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
Is there an existing issue for this?
- I have searched the existing issues
Code of Conduct
- I agree to follow this project's Code of Conduct
Code Sandbox link
TODO
Bug report
When using keyboard navigation (TAB-key) to set focus to the live editor, it is not possible to exit the editor focus state. TAB is used to manage the indentation of text, which prevents pressing TAB-key to move focus outside the editor.
Easiest reproducable demo:
- Create a page with code:
<button />
<LiveEditor />
<button />
- Open the page and click the first button to set focus
- Press TAB-key to move focus to the LiveEditor
- Press TAB-key again to move focus to last button
- LiveEditor added indentation instead of moving focus.
Expected behavior would be to move focus to last button, or provide another way to exit the LiveEditor with keyboard.
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Bewertung
Dieses Issue wurde noch nicht bewertet.