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

[NabaviFard-Mahdi]

🐛 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

[vnbaaij]

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]

Example of how this will work in 4.11.0 DataGrid