codex-team / codex-team/editor.js

Navigation through the page is impossible with keyboard only

Open
#2,434 1 comment 0 reactions 0 assignees View on GitHub
bug
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:
![image](https://github.com/codex-team/editor.js/assets/141459/540fee1c-f300-4a13-a394-e4a82fdd2510)

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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.