bug: RTL drawer is messed up

[CripyIce]

What version of daisyUI are you using?

3.1.5

Describe your issue

After upgrading to 3.1.15, the drawer in RTL versions is always visible.
The drawer also comes from the left side while it should be coming from the right side.

What browsers are you seeing the problem on?

Chrome and Safari

Reproduction URL (optional)

https://play.tailwindcss.com/1Vj1TO1ezs

[haghft]

The problem is translateX(-100%)
This rule must be change from:

 [dir=rtl] .drawer-side>:not(.drawer-overlay){
      transform: translateX(-100%);
    }

to:

 [dir=rtl] .drawer-side>:not(.drawer-overlay){
      transform: translateX(100%);
    }

I suggest to remove ‍‍‍[dir=rtl] .drawer-side>:not(.drawer-overlay) css rule

[lbensaad]

this seems to be the same as #1974, when it will be fixed?

[lbensaad]

Thanks @haghft that solves the problem with RTL Drawer but only for the one that appears on the right.
It does not work with drawer-end which appears on the left in RTL. How to fix that?

[saadeghi]

I'm working on it. Will be fixed soon

[ariaieboy]

@saadeghi, any update?