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.

Sign up for GitHub

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

Jump to bottom

[Bug Report][3.7.7] VDataTable sortable columns are not keyboard-accessible #20899

Open
brendan-nijboer-bw opened this issue Jan 21, 2025 · 0 comments
Open

[Bug Report][3.7.7] VDataTable sortable columns are not keyboard-accessible #20899

brendan-nijboer-bw opened this issue Jan 21, 2025 · 0 comments
Labels
S: triage

Comments

@brendan-nijboer-bw
Copy link

Environment

Vuetify Version: 3.7.7
Vue Version: 3.5.8
Browsers: Chrome 131.0.0.0
OS: Windows 10

Steps to reproduce

Create a VDataTable with sortable columns.
Hit tab to navigate through the table.
Any sortable headers will not receive focus.

Expected Behavior

Sortable headers should receive focus when tabbed to.

Actual Behavior

Sortable headers are not tabbable.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Suggested fix: add tabindex to sortable headers.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
S: triage
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@brendan-nijboer-bw