codex-team / codex-team/editor.js
Navigation through the page is impossible with keyboard only
- Dominant language
- TypeScript
- Stars
- 31.9k
- Forks
- 2.2k
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 1
Description
Normally the TAB key is used to navigate from field to field on the page. However, when Editor.js is installed, pressing the TAB opens dropdowns for all instances of Editor.js on the page and the focus is locked on the dropdown without a possibility to escape it and move to the other fields on the page.
Steps to reproduce:
1. Create a simple page with at least one text input and a few Editor.js widgets:
```html
const editor1 = new EditorJS('editorjs1');
const editor2 = new EditorJS('editorjs2');
```
2. Press TAB
3. This opens dropdowns to select a block elements for all Editor.js widgets.
Expected behavior:
Focusing the first focusable element on the page: the text input field. Then by pressing on the TAB or Shift+TAB repeatedly, one should be able to navigate through the form elements or links on the page including the Editor.js widgets.
Screenshots:

Device, Browser, OS:
Chrome, MacOS
Editor.js version:
2.27.2
Plugins you use with their versions:
The default ones
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.