Package

filament/forms

Package Version

v3

Laravel Version

v11

Livewire Version

v3

PHP Version

PHP 8.2

Problem description

For accessibility (a11y), e.g. for people who can't or don't want to use a mouse, the next form element must be accessible using the "TAB" key on the keyboard.

Currently the Markdown Editor, e.g. (MarkdownEditor::make('content')), hijacks the TAB key to format the content within the text area.

This makes the next form element inaccessible to keyboard-only users. The next form element is then only accessible with a mouse.

2-step solution:

1. Don't capture the "TAB" key in the editor by default.
2. Capture the "TAB" key only when the user has selected text. (See GitHub's implementation here on the Create Issue form)

The video shows this behaviour on Github. Without selection, TAB goes to the next form element. With selection, it changes to text indentation.

Expected behavior

Pressing TAB-Key inside Markdown Editor jumps to the next Form-Field.

Steps to reproduce

Use TAB key to navigate between Fields of your Form. If you're inside a Markdown Editor Field, you are captured and cant escape using the TAB key.

Reproduction repository

https://github.com/camya/filament

Relevant log output

No response