[BUG] - lack of RTL support in Pagination

[lgariv]

NextUI Version

2.3.5

Describe the bug

When setting dir="rtl", the arrows are sometimes rendering the opposite directions and if not setting "disableCursorAnimation" the 1st page is on the opposite side as well, as seen in the screenshot.

If setting the disableCursorAnimation prop it is working fine for some reason, but that's not ideal.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. create a new next app with next@14.2.2
2. create a div with dir="rtl"
3. inside the div, create a table with bottomContent of Pagination

Expected behavior

Expected to see the symbols with the appropriate direction and the correct layout with the animations on.

Screenshots or Videos

Operating System Version

macOS Sonoma 14 (arm64)

Browser

Chrome

[linear[bot]]

ENG-724 [BUG] - lack of RTL support in Pagination

[wingkwong]

Can you share some code? Looks fine in storybook

[lgariv]

@wingkwong

Can you share some code? Looks fine in storybook

Here's a minimal version of the code to reproduce my situation (used static data instead of useSWR)

[molaeiali]

As a temporary fix (Until it's fixed properly) I tried this:

          classNames={{
            next: "scale-x-[-1]",
            prev: "scale-x-[-1]",
            forwardIcon: "scale-x-[-1]",
          }}

Or you can customize it completely using custom icons by implementing this: https://nextui.org/docs/components/pagination#custom-items

[lgariv]

As a temporary fix (Until it's fixed properly) I tried this:

          classNames={{
            next: "scale-x-[-1]",
            prev: "scale-x-[-1]",
            forwardIcon: "scale-x-[-1]",
          }}

Or you can customize it completely using custom icons by implementing this: https://nextui.org/docs/components/pagination#custom-items

That doesn't help the numbering tho

[tareq96]

Still an issue with the latest version v2.3.6

@wingkwong just try this on the site and you will be able to reproduce it

[wingkwong]

Will take a look when im free

[lgariv]

@wingkwong hey, is there anything new regarding this issue?

[HasanHaghniya]

any updates?

[wingkwong]

Sorry. Been occupied by other stuff. I'll free this issue first and see who wanna take it.