Problem with horizontal scroll element in rtl mode

[ashkankiani]

Describe the bug A clear and concise description of what the bug is. Problem with horizontal scroll element in rtl mode. scroll not work To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[icflorescu]

I am not using RTL, so I'd be grateful if someone who does would step in and come up with pull requests to address any RTL-related issues...

[ashkankiani]

hi icflorescu Is the scroll managed by your library or by the Mantine library? Can you give me a guide that I should check the codes of which file or section.

[ashkankiani]

The problem was solved. The scroll section uses this section. https://mantine.dev/core/scroll-area/?t=styles-api The @mantine library for scrolling needs to fix navigation. which cannot be understood from the rtl on the html tag. The following link should be used to solve the problem. https://mantine.dev/styles/rtl/

Finally, make the table like this.

import { DirectionProvider, MantineProvider } from '@mantine/core'

`

`

Please add it in the library documentation so that those who use rtl don't have any problems.

Support my comment with like.