This is a migrated thread and some comments may be shown as answers.

Grid Keyboard navigation doesn't work in Chrome with touchscreen laptop

1 Answer 119 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Saulius
Top achievements
Rank 1
Saulius asked on 09 Jul 2013, 01:48 PM
Grid keyboard navigation doesn't work in Chrome browser (version 27) in laptop with touchscreen (I use HP Pavilion DV6 laptop).
If I use Firefox browser, then it works correctly.
If I use any other laptop without touchscreen then it works in both browsers.

I tested it in Kendo UI demo (http://demos.kendoui.com/web/grid/navigation.html).
The problem is that normally it adds class=k-state-focused and id=grid_active_cell attributes to selected grid cell:

<td role="gridcell" id="grid_active_cell" class="k-state-focused k-state-selected" aria-selected="true">Andrew</td> 

But in laptop with touchscreen selected grid cell is without these attributes:

<td role="gridcell" class="k-state-selected" aria-selected="true">Andrew</td> 

1 Answer, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 12 Jul 2013, 06:45 AM
Hello Saulius,

Grid keyboard navigation relies on the fact that the content and header table are focusable(tabindex="0") and can receive keydown events. When one of the predefined key is handled k-state-selected|k-state-focused|aria-selected="true/false" is applied.

Unfortunately we don't have such device(HP Pavilion DV6 laptop with touchscreen) to test described behavior. However we've tested the selection and navigation features against latest Chrome browser on Chromebook and Windows 8 tablet and all seems to work as expected.

Regards,
Nikolay Rusev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Saulius
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Share this question
or