Description
Description
According to the Pivot Grid topic Keyboard navigation section, the navigation of the pivot grid is similar to the other grids.
However, the column headers (both the horizontal igx-grid-header-s and the vertical igx-pivot-row-dimension-header-s) cannot be reached via keyboard only. The header row area is a tab stop and within it the tabbable elements in the chips are also tab stops. However, the headers are not part of the tab navigation and therefore a keyboard-only user cannot reach them.
In the other grids, the header row is a tab stop, where a single header is activated, and on the next tab press - the grid body.
- igniteui-angular version: any
- browser: any
Steps to reproduce
- Navigate the grid with the keyboard, i.e. any demo from the docs.
Result
The following gif demonstrates navigating the grid with Tab only:
Actually, the behavior is a bit inconsistent, hence logging this as a bug. In case a header was activated by clicking, it would appear activated on tab navigation once, after which - not. However, it seems not to be the active node of the navigation, since the arrow keys to not work to navigate this headers at the point. In the below gif, the 2007 header was clicked and then tab navigation started, and then, when returning with Shift + Tab, the header does not even appear activated :
Expected result
The pivot grid headers to be accessible by keyboard only. Could be as a tab stop, where a single header is activated, similar to other grids?
Attachments
Attach a sample if available, and screenshots, if applicable.