Keyboard Navigation Into and Out of Grid

[Aaron Hampshire]

We really like Syncfusion's keyboard navigation INSIDE a grid described in the following two locations:

• https://blazor.syncfusion.com/demos/datagrid/keyboard-navigation
• https://blazor.syncfusion.com/documentation/datagrid/accessibility/
  

What we're struggling with is how to navigate OUT of a grid with keyboard navigations. Imagine a page where we have a combination of input fields on top, a data grid in the middle, and action buttons at the bottom.

Currently, we can tab through input fields and enter into the grid. But even after reaching the bottom of the grid, we cannot navigate out again to the bottom action buttons. 

Do you have suggestions for how to handle this requirement cleanly?

[Vignesh Natarajan]

Hi Aaron,  

Thanks for contacting Syncfusion support.  

Query: “But even after reaching the bottom of the grid, we cannot navigate out again to the bottom action buttons. ” 

We have analyzed your query and we would like to inform you that “Pressing the Tab key in last cell of Grid” will move the focus out of Grid. We have ensure the similar behavior by preparing a Grid component in between the input and button component. We are able to focus the button component next to Grid when focus is on last cell of Grid.  

Refer the below video demonstration and sample for your reference 

Sample: https://www.syncfusion.com/downloads/support/forum/167034/ze/DataGrid_Server1195528093.zip 

Video Demonstration: https://www.syncfusion.com/downloads/support/forum/167034/ze/Focusing1065043201.zip 

If you are still facing the reported issue, kindly get back to us with more details about issue along with video demonstration.   

Regards, 

Vignesh Natarajan