Typix LogoTypix
Extensions

Tab Focus

Tab key navigates IN and OUT of the editor for accessibility

By default, Lexical traps the Tab key inside the editor (inserts a tab character). Tab Focus changes this so Tab moves focus to the next focusable element OUT of the editor — standard form-control behavior.

Essential for accessibility when the editor is part of a larger form.

Install

pnpm add @typix-editor/extension-tab-focus

Live demo

Config

OptionTypeDefaultDescription
tabInListsOnlybooleantrueWhen true, Tab still indents inside lists (where it's expected).

When to use

  • Forms — when the editor is one field among many
  • Accessibility-first — match WCAG 2.1 keyboard nav expectations
  • Embedded contexts — chat composers, comment fields, small editors

Skip when the editor IS the page (Notion-style standalone) — there users expect Tab to indent.

On this page