Implementing RTL Direction in Quasar Components

[mohamad68]

What happened?

I have configured my project with RTL as the default direction. using Quasar framework and PostCSS with rtlcss. I'm encountering an unintended behavior where styles such as margin-right are automatically converted to margin-left. This is not the desired outcome for my project.

What did you expect to happen?

i am seeking guidance on how to exclusively adjust the direction of Quasar's built-in components to RTL without affecting other styles or functionalities in my application.

Reproduction URL

https://codepen.io/mohamad/pen/abrrLML?editors=1010

How to reproduce?

1-Added rtlcss to the PostCSS configuration.
2-Specified lang="fa-ir" in the Quasar configuration.
3-Set dir="rtl" on the HTML tag.

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Platforms/Browsers

Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[mohamad68]

It appears that the Quasar framework may be facing challenges, as there are currently over 500 open issues.? is it deprecated?