Tabbable

Ensure a smooth tab navigation experience within your editor with the Tabbable plugin.
Properly handle tab orders for void nodes, allowing for seamless navigation and interaction. Without this plugin, DOM elements inside void nodes come after the editor in the tab order.

This is a void element.



This is a void element.


Place your cursor here and try pressing tab or shift+tab.
  • List item 1
  • List item 2
  • List item 3
if (true) {
// <- Place cursor at start of line and press tab
}
In this example, the plugin is disabled when the cursor is inside a list or a code block. You can customise this using the query option.

This is a void element.


When you press tab at the end of the editor, the focus should go to the button below.