Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: DataGrid in RTL Mode , The left and right arrow keys do the opposite #2872

Open
NabaviFard-Mahdi opened this issue Oct 28, 2024 · 2 comments
Labels
area:fluent-ui-web-components A FluentUI specific issue bug A bug status:blocked Any issue blocked by another

Comments

@NabaviFard-Mahdi
Copy link

🐛 Bug Report

When Change Direction to RTL Mode . the DataGrid left and right arrow keys do the opposite

💻 Repro or Code Sample

DataGrid in DemoPage https://www.fluentui-blazor.net/DataGrid
Change Site Setting To Direction To Right To Left

🤔 Expected Behavior

When we press the left key, the movement is to the left and when we press the right key, the movement is to the right

😯 Current Behavior

The left and right arrow keys do the opposite (in RTL)

💁 Possible Solution

🔦 Context

Using a DataGrid with a few columns and a few rows

🌍 Your Environment

Windows10 x64 , Fluent UI v4.10.2 , v4.10.3 , JetBrains Rider v2024

@microsoft-github-policy-service microsoft-github-policy-service bot added the triage New issue. Needs to be looked at label Oct 28, 2024
@vnbaaij vnbaaij added the bug A bug label Oct 28, 2024
@vnbaaij vnbaaij added this to the v4.10.4 milestone Oct 28, 2024
@vnbaaij vnbaaij added area:fluent-ui-web-components A FluentUI specific issue and removed triage New issue. Needs to be looked at labels Oct 28, 2024
@vnbaaij vnbaaij removed this from the v4.10.4 milestone Oct 28, 2024
@vnbaaij vnbaaij added the status:blocked Any issue blocked by another label Oct 28, 2024
@vnbaaij
Copy link
Collaborator

vnbaaij commented Oct 28, 2024

This can unfortunately not be fixed by us as the behavior comes from the underlying web components. In v4.11 you can use Tab+Shift Tab to move between cells. We are looking into adding arrow key navigation.

@vnbaaij
Copy link
Collaborator

vnbaaij commented Nov 26, 2024

Example of how this will work in 4.11.0 DataGrid
Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:fluent-ui-web-components A FluentUI specific issue bug A bug status:blocked Any issue blocked by another
Projects
None yet
Development

No branches or pull requests

2 participants