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

q-tree with ticlable nodes traps the keyboard #17603

Open
chrisnruud opened this issue Oct 28, 2024 · 2 comments
Open

q-tree with ticlable nodes traps the keyboard #17603

chrisnruud opened this issue Oct 28, 2024 · 2 comments

Comments

@chrisnruud
Copy link

chrisnruud commented Oct 28, 2024

What happened?

When a q-tree with any tick-strategy is present, it will not tab through the tickable boxes and in fact trap the keyboard.

What did you expect to happen?

I woiuld expect to be able to tab to each checkable item and check them, using the keyboard

Reproduction URL

https://github.com/quasarframework/quasar/blob/dev/docs/src/examples/QTree/TickStrategy.vue

How to reproduce?

  1. Go to the link, try to get foruc in one of the checkboxes. try to escape by using tab. Notice how this is not working.

It is the same in the official docs

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar), Accessibility [a11y] (quasar)

Platforms/Browsers

Firefox, Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

Copy link

Hi @chrisnruud! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, Codesandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

@chrisnruud
Copy link
Author

I have updated the link to point at the quasar example code

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

1 participant