Weird RTL behavior on some components

Hello, I wanted to test the RTL mode, and I noticed some weird behavior on some components. for example the QBadge component, in RTL mode there is a conflicting CSS class application :

[dir="rtl"] .q-badge--floating {
    left: -3px;
}
[dir="ltr"] .q-badge--floating {
    right: -3px;
}

which gives this result :

quasar transforme the “right” property into “left” but to keep both. (https://github.com/quasarframework/quasar/blob/dev/ui/src/components/badge/QBadge.sass)

Thank you very much for your tremendous work .

[pdanpdan]

Yes, as I suspected. The css is not meant to be toggled RTL/LTR on a per element basis Please change the language pack in quasar to one that uses RTL, and remove the dir attributes in your html.

[pdanpdan]

yes if you need rtl set by hand you must set it on the html tag, and it must be set after quasar initializes (or else it will be changed back to ltr if the lang is ltr)