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

Accessibility issue with tab key #3952

Open
JoseAntonioNavasSolutia opened this issue Jan 13, 2024 · 3 comments
Open

Accessibility issue with tab key #3952

JoseAntonioNavasSolutia opened this issue Jan 13, 2024 · 3 comments

Comments

@JoseAntonioNavasSolutia
Copy link

JoseAntonioNavasSolutia commented Jan 13, 2024

Hello, sorry for my english. When you press the tab key inside the editor you expect it to navigate to another focusable element but the editor adds a /t and the user is stuck in the editor.

I use the Primevue Editor component but it is basically the quill editor component.
I think it's a quill.js problem because I hit the tab key and it doesn't focus on the text area.

Reproducer

Reproductor: https://codesandbox.io/p/devbox/jovial-dust-66933x?file=%2Fsrc%2FApp.vue

PrimeVue version
3.46.0

Vue version
3.x

Language
JavaScript

Build / Runtime
Vue CLI App

Browser(s)
Chrome

@jonatanschroeder
Copy link

I'm having the same issue. In our project we're using Quill directly (not via Vue), and there is no way to advance from the editor using tabs. Using a process like hitting Esc described in the comment above would be a good option, and would be compatible with how other editors like Ace do this (via enableKeyboardAccessibility).

@gilicaspi
Copy link

Hey all, I've been working on the same issue and found this old thread that had the solution: #2038 (comment)

(Thanks @dexteritus!)

Setting the following within my quill config modules allows tabs to escape the editor:

keyboard: { bindings: { tab: true } }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants