Allow Keyboard Navigation for DataGrid advanced filter #518

Open
opened 2026-01-29 17:38:35 +00:00 by claunia · 0 comments
Owner

Originally created by @bengavin on GitHub (Aug 24, 2022).

Is your feature request related to a problem? Please describe.
The DataGrid control does not allow keyboard activation of the column advanced filter functionality. TABing through the grid will activate the sort capability, but filtering is skipped.

Describe the solution you'd like
Ideally, when 'TAB'ing through the grid, the filter icon would activate after the sort icon and allow an 'enter' key press to launch the associated filter dialog.

Describe alternatives you've considered
There doesn't appear to be an alternative for keyboard navigation of the grid filter functionality.

Additional context
We've been able to add 'highlight' boxes around the sort icon when the grid header is 'in focus', but since the filter icon lives in the same focus container as the sort icon, it looks like activating both independently isn't possible right now. The TAB key skips right past, likely because the focus is placed on the containing div rather than on the sort icon itself.

Originally created by @bengavin on GitHub (Aug 24, 2022). **Is your feature request related to a problem? Please describe.** The DataGrid control does not allow keyboard activation of the column advanced filter functionality. TABing through the grid will activate the sort capability, but filtering is skipped. **Describe the solution you'd like** Ideally, when 'TAB'ing through the grid, the filter icon would activate after the sort icon and allow an 'enter' key press to launch the associated filter dialog. **Describe alternatives you've considered** There doesn't appear to be an alternative for keyboard navigation of the grid filter functionality. **Additional context** We've been able to add 'highlight' boxes around the sort icon when the grid header is 'in focus', but since the filter icon lives in the same focus container as the sort icon, it looks like activating both independently isn't possible right now. The TAB key skips right past, likely because the focus is placed on the containing div rather than on the sort icon itself.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#518