A11y - tab stops-selection by tab key goes under locked columns and becomes invisible.

1 Answer 53 Views
Accessibility General Discussions Grid
Hu
Top achievements
Rank 1
Iron
Iron
Iron
Hu asked on 13 Jul 2023, 01:55 AM

when jumping in the title of the table, selection goes under fixed columns and becomes invisible, it scrolls the table to the right after few more jumps.

The demo below is to simulate our business scenario

3oqybd (forked) - StackBlitz (code)

react-t4bmp9.stackblitz.io (Open the page verification tab stops)

As you can see in the picture above, the first and last columns are locked, because the grid's scroll bar is for the entire table instead of the unlocked column.
So when using the tab key to select the fourth and fifth columns, since the width of the Grid has not yet been exceeded, the scroll bar does not scroll, resulting in the selection of the fourth and fifth steps being invisible under the locked column

The scroll bar only scrolls when the tab key reaches the sixth step.

How could I solve this problem? please let me know if you have any questions?

Regards,
Sunny Hu

    


 

 

 

1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 14 Jul 2023, 12:54 PM

Hi, Hu,

Thank you for reporting this bug.

I logged a GitHub item for this issue, you can track it here:

Apologies for any inconvenience caused to you by this bug. The above item will be directly updated if we find a suitable workaround and when there is any progress on the bug fix.

In addition, I updated your Telerik Points accordingly as a token of gratitude for your report.

Regards,
Wissam
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Tags
Accessibility General Discussions Grid
Asked by
Hu
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Wissam
Telerik team
Share this question
or