Full RTL Support

[aliwesome]

We need to use nova with RTL support. There is a nice package that helps to migrate nova's design to support RTL.

However, there are a few issues with Dropdown alignments. Some components' placement is "fixed" in the source code. For example, the views/Index.vue component declares a SelectAll dropdown (around line 87). The initiation of the dropdown states that the placement should be bottom-end, which makes the dropdown open from the left edge in RTL context.

Ideally, the placement of the dropdown should be automatically calculated instead of being hard-coded. The docs for v-tooltip states that one of the possible placements is bottom which,I guess , will automatically calculate the left/right position.

Alternatively, it would be great if nova had an isRtl config (probably declared in the config/nova.php file which will cascade down to the frontend (and potentially will be embedded in every component through a mixin/vuex). Then in the components themselves, we can dynamically figure out what the alignment for the dropdowns should be.

[crynobone]

Ideally, we would look into RTL only after upgrading to Tailwind 3 and avoid depending on 3rd party solution. There is some work on adding Tailwind 3 but it's still very much a WIP™

[bdsoha]

Any updates on this topic?

[crynobone]

https://nova.laravel.com/docs/installation.html#enabling-rtl-support