camya/filament-title-with-slug

Slug url breaks in RTL layouts

Opened this issue · 3 comments

When you're using the input field in a right to left website, the slug part breaks, both the preview and the edit:

Screen Shot 2023-01-04 at 14 41 10

Screen Shot 2023-01-04 at 14 43 10

We can keep using LTR explicitly for this section.

camya commented

Hi, I really like to fix this for right to left websites. Unfortunately I can't simulate rtl this on my dev-environment.

Maybe you have an idea how to make it work both left-to-right (ltr) and right-to-left (rtl)?

It's more of a design choice than a technical issue.
I think just put a dir="ltr" on the main div, cause URLs are supposed to be read from left to right anyway.

Hi, I really like to fix this for right to left websites. Unfortunately I can't simulate rtl this on my dev-environment.

Maybe you have an idea how to make it work both left-to-right (ltr) and right-to-left (rtl)?

you can use https://filamentphp.com/plugins/bezhansalleh-language-switch and switch to arabic for rtl and english for ltr