Side menu "Add block" (+) not usable with keyboard (hover-only, Tab captured, Enter/Space)

Offen

#2,854 erstellt am 15.6.2026 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 55/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Ruhig
Tech-Stack: react, typescript
Bereich: accessibility, frontend

Rechercherichtung

Start by locating the side-menu implementation, especially SideMenu.Button and the editor's Tab keyboard handling. Reproduce the issue using only caret movement, Tab, Enter, and Space without hovering. Done means the side menu appears for the focused block, remains reachable by keyboard, and its buttons open the expected menu through keyboard and screen-reader interaction.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

a11y

Discussed in https://github.com/TypeCellOS/BlockNote/discussions/2577

^{Originally posted by Ovgodd March 20, 2026}

What’s broken?

Problem

The “Add block” (+) and the 6 dots optionbutton in the left margin:

Mostly appears on mouse hover : little or no access with keyboard only.
Tab rarely reaches it: the editor captures Tab for indenting blocks, with no exception for the side menu
Enter / Space often don’t open the insert menu when the handler is on the icon instead of the actual button.

What did you expect to happen?

The + button should appear and be reachable without mouse hover, Tab should focus it when the side menu is visible, and Enter/Space should open the insert menu like a click, including with a screen reader.

Steps to reproduce

Open a document without hovering the margin.
Move the caret with the keyboard : the + is often missing.
If it appears (e.g. after hover), press Tab : focus often goes on and then disapears
If focus is on +, Enter or Space : insert menu doesn’t always open.

BlockNote version

No response

Environment

No response

Additional context

Show the side menu when the caret / selection is in a block (not only on mousemove), and don’t hide it on Tab / arrow keys.
Don’t capture Tab for nesting while the side menu is shown
Attach onClick to SideMenu.Button, not only the inner icon.

Contribution

I'd be interested in contributing a fix for this issue

Sponsor

I'm a sponsor and would appreciate if you could look into this sooner than later 💖

Vorherrschende Sprache: TypeScript
Sterne: 10.2k
Forks: 772
Ø Merge: 6 T. 3 Std.
Gemergte PRs (30 T.): 26

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TypeCellOS/BlockNote

openSuggestionMenu: menu closes on the second typed character (single-transaction dispatch breaks queryStartPos) Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100

TypeCellOS/BlockNote#2949 · 1 Kommentar · Erstellt am 06.8.2026
Improve placeholder and side menu icon contrast for WCAG compliance Offen

a11y

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100

TypeCellOS/BlockNote#2855 · Erstellt am 15.6.2026
Keyboard workflow for deleting a table is not explained Offen

a11y

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 62/100

TypeCellOS/BlockNote#2829 · 1 Kommentar · Erstellt am 04.6.2026
Comment thread actions: hover-only controls and unlabeled buttons in ThreadsSideba Offen

a11y

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

TypeCellOS/BlockNote#2824 · Erstellt am 04.6.2026
Collapsible list: unlabeled accessible button, decorative image Offen

a11y

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100

TypeCellOS/BlockNote#2811 · Erstellt am 01.6.2026

Alle Issues in TypeCellOS/BlockNote