[question] In DataGrid for accessibility, I am unable to move out from the cell where there is Link (React-Router) using arrow keys #14815
Labels
component: data grid
This is the name of the generic UI component, not the React module!
status: waiting for maintainer
These issues haven't been looked at yet by a maintainer
support: commercial
Support request from paid users
support: pro standard
Support request from a Pro standard plan user. https://mui.com/legal/technical-support-sla/
The problem in depth
We are trying to make our site AA accessibility compliant. What we have observed in the DataGrid is, arrow keys are working all well until we have custom columns using cellRender where we have used react-router's Link.
We are able to focus it using arrow key but once focus is set in that cell, it is not coming out using arrow keys.
We have checked on the MUI Accessibility section 'https://v6.mui.com/x/react-data-grid/accessibility/#system-GridAriaV7.tsx'. there also we see similar issue where, once focus is on email column, user is unable to move out to next column using arrow key.
Your environment
`npx @mui/envinfo`
Search keywords: Datagrid accessibility
Order ID: 81479
The text was updated successfully, but these errors were encountered: