Environment
Vuetify Version: 3.11.6
Vue Version: 3.5.25
OS: Linux undefined (current)
Steps to reproduce
- Click any header in the reproduction link -> watch text change below table
- Tab through focusable elements and notice headers receive focus
Expected Behavior
Headers with sortable enabled while the VDataTable itself has a disable-sort="true" prop can still receive keyboard focus when tabbed to.
In the same fashion, the update:sort-by event is also emitted when a header is clicked.
Actual Behavior
When disable-sort is truthy, headers should not be focusable and sort-by events should not be emitted.
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
Suggested fix: conditional binds for tabindex, onClick and onKeydown attributes on header cells should also check for disableSort.
Environment
Vuetify Version: 3.11.6
Vue Version: 3.5.25
OS: Linux undefined (current)
Steps to reproduce
Expected Behavior
Headers with sortable enabled while the VDataTable itself has a disable-sort="true" prop can still receive keyboard focus when tabbed to.
In the same fashion, the update:sort-by event is also emitted when a header is clicked.
Actual Behavior
When disable-sort is truthy, headers should not be focusable and sort-by events should not be emitted.
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
Suggested fix: conditional binds for tabindex, onClick and onKeydown attributes on header cells should also check for disableSort.