Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot tab out of CKEditor 5 if a table is displayed #13308

Closed
pkliesch opened this issue Jan 19, 2023 · 3 comments
Closed

Cannot tab out of CKEditor 5 if a table is displayed #13308

pkliesch opened this issue Jan 19, 2023 · 3 comments
Labels
resolution:duplicate This issue is a duplicate of another issue and was merged into it. support:2 An issue reported by a commercially licensed client. type:bug This issue reports a buggy (incorrect) behavior.

Comments

@pkliesch
Copy link

📝 Provide detailed reproduction steps (if any)

Setup:
Just open any editor with the table plugin enabled.
Simply add a table via the toolbar button.

Usually you can [tab] over the editor via keyboard navigation just like anywhere else in the browser.
The first [tab] jumps into the editor, the next [tab] leaves the editor and focuses the next element on the page.

This behavior changes if a table is displayed in the editor. Whenever a table is present, the next tab will focus the first table cell. And it is also not possible to just tab through the table and reach the end, because pressing tab just adds cells when you react the last table cell.

This may break accessibility requirements on websites with CKEditor 5.

✔️ Expected result

Press [tab] to jump into the editor. Press [tab] again to jump out.

❌ Actual result

Press [tab] to jump into the editor. Next [tab] jumps into the first table cell. If you keep on pressing [tab], more and more table cells appear but you cannot jump out of the editor again. (You can use [shift] + [tab] but you can never reach elements after the editor)

❓ Possible solution

Don't use [tab] to focus any tables in the editor.

📃 Other details

The described behavior can be observed in the online demo:
https://ckeditor.com/ckeditor-5/demo/feature-rich/


If you'd like to see this fixed sooner, add a 👍 reaction to this post.

@pkliesch pkliesch added the type:bug This issue reports a buggy (incorrect) behavior. label Jan 19, 2023
@martynawierzbicka martynawierzbicka added the support:2 An issue reported by a commercially licensed client. label Feb 7, 2023
@FilipTokarski
Copy link
Member

Looks like a duplicate of #11834 and #1709 combined.

@ilapavuluri
Copy link

Waiting for this fix, this is very crucial for accessibility users, appreciate if someone let us know when this will be available?

Thanks
Ashok.

@Witoso
Copy link
Member

Witoso commented Feb 8, 2024

Closing as a duplicate of #11834 and #1709.

@Witoso Witoso closed this as not planned Won't fix, can't repro, duplicate, stale Feb 8, 2024
@Witoso Witoso added the resolution:duplicate This issue is a duplicate of another issue and was merged into it. label Feb 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
resolution:duplicate This issue is a duplicate of another issue and was merged into it. support:2 An issue reported by a commercially licensed client. type:bug This issue reports a buggy (incorrect) behavior.
Projects
None yet
Development

No branches or pull requests

5 participants