[Bug]: Data Grid: keyboard navigation in Teams High Contrast with selectionMode="single" #29033
Closed
2 tasks done
Assignees
Comments
spmonahan
added
Needs: Backlog review
High Contrast
Component: DataGrid
and removed
Needs: Triage 🔍
labels
ling1726
added a commit
to ling1726/fluentui
that referenced
this issue
Oct 2, 2023
Removes the the row focus background so that focus outline in the teams high contrast theme appears clearly Fixes microsoft#29033
miroslavstastny
pushed a commit
that referenced
this issue
Oct 9, 2023
* fix: remove row focus background color Removes the the row focus background so that focus outline in the teams high contrast theme appears clearly Fixes #29033 * changefile * revert bad commit
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Library
React Components / v9 (@fluentui/react-components)
System Info
Are you reporting Accessibility issue?
yes
Reproduction
https://react.fluentui.dev/?path=/docs/components-datagrid--default
Bug Description
Actual Behavior
Chrome - Version 116.0.5845.140
When using keyboard navigation inside Data grid component in Teams High Contrast mode navigation from cell to cell is not highly visible. In happens only in selectedMode="single" or in selectedMode="multiselect" on the non selected row.
Expected Behavior
If Data Grid has selectionMode = "multiselect" and the row is selected, then the navigation looks good. It is expected that in "single" selectedMode and in non selected rows navigation will look the same.
Logs
No response
Requested priority
High
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
The text was updated successfully, but these errors were encountered: