Page 1 of 1

[REACT] Action/Button column which can be tabbed into

Posted: Thu Jun 30, 2022 3:43 pm
by dfen

Good afternoon,

I am trying to facilitate quick entry of new grid rows for keyboard users, and I am exploring possibly adding a button column with an action adding a new row.

I see you have examples adding buttons to a grid in your Column types demo (https://bryntum.com/examples/grid/columntypes/), but, I am not able to tab into any of the appropriate types in that demo (the action type and the custom widget containing a button).

Do you know of a way to enable a user to tab into a button type?

Thanks!


Re: [REACT] Action/Button column which can be tabbed into

Posted: Fri Jul 01, 2022 9:33 am
by Animal

It works as prescribed by the conventions: https://www.w3.org/WAI/ARIA/apg/patterns/grid/

TAB into the grid. The first cell (Headers are cells, and the header row is row 1) will be focused.

Use arrow keys to navigate inside the grid. Normally cells themselves are focused. If a cell contains a focusable element, focus will drop into the cell. ESC jumps up from that back to the cell if required.