No Code Attached Yet
avatar pedro-olaia
pedro-olaia
19 Feb 2024

Steps to reproduce the issue

Set default editor as CodeMirror then create or open any element like an article, category or module in joomla administration area where the editor can be used, click inside the editor area and press the tab key on the keyboard.

Expected result

indent using tab key in CodeMirror editor

Actual result

Pressing the Tab key takes the cursor from the editing area to the next button out of the editor.

System information (as much as possible)

Joomla! Version: Joomla! 5.0.2 Stable
PHP Version: 8.1.10
Database Type: mysql
Database Collation: utf8mb4_general_ci

Additional comments

avatar pedro-olaia pedro-olaia - open - 19 Feb 2024
avatar joomla-cms-bot joomla-cms-bot - change - 19 Feb 2024
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 19 Feb 2024
avatar pedro-olaia pedro-olaia - change - 19 Feb 2024
The description was changed
avatar pedro-olaia pedro-olaia - edited - 19 Feb 2024
avatar brianteeman
brianteeman - comment - 19 Feb 2024

https://codemirror.net/examples/tab/

By default, CodeMirror does not handle the Tab key. This isn't an oversight—it is an intentional decision to make the default configuration pass the "no keyboard trap" criterion of the W3C Web Content Accessibility Guidelines.

Some users browse the web without access to a pointing device, and it is really unfriendly towards such users to have focusable inputs that they cannot escape from.

avatar Quy Quy - change - 19 Feb 2024
Status New Closed
Closed_Date 0000-00-00 00:00:00 2024-02-19 18:40:23
Closed_By Quy
avatar Quy Quy - close - 19 Feb 2024
avatar Quy
Quy - comment - 19 Feb 2024

Closing as expected behavior.

avatar pedro-olaia
pedro-olaia - comment - 19 Feb 2024

In J!4 was possible to use the Tab key but only on CodeMirror. Thank you for the very effective explanation!

Add a Comment

Login with GitHub to post a comment