[data grid] Overlays aren't sticky in RTL mode

[h03ein1376]

Steps to reproduce

Link to live example: (document)

Current behavior

Data Grid Overlays aren't sticky in RTL mode:

Expected behavior

It should be sticky, just like in LTR mode:

Search keywords: Data Grid Overlays RTL

[michelengelen]

Confirmed ... I'll add this to the board!
Thanks for raising this @h03ein1376 👍🏼

[kalyan90]

@michelengelen I attempted to replicate the issue but couldn't identify the problem. I'd like to contribute by investigating further - could you please provide the steps to help me troubleshoot? Understood the issue

[kalyan90]

@michelengelen @arminmeh is use useRtl hook working in grid components. As per mui docs we have to wrap the component with RTLProvider https://mui.com/material-ui/migration/migrating-to-pigment-css/#migrating-from-theme-direction

[kalyan90]

@romgrk can you please help here?

@michelengelen @arminmeh is use useRtl hook working in grid components. As per mui docs we have to wrap the component with RTLProvider https://mui.com/material-ui/migration/migrating-to-pigment-css/#migrating-from-theme-direction

[romgrk]

I'm not sure, but I would expect this to be fixable with just CSS.

[kalyan90]

Added a PR to address this issue. #15072

[romgrk]

The issue seems fixed on some platforms and still present in others (macOS at least).