Select Dropdown RTL Won’t work

Hi @nimrodish12,

I could replicate the issue, I’ll make sure to bring this to our team’s attention so that this could be fixed in future updates.

In the meanwhile, please try the following CSS as a workaround:

.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-select .forminator-select-dropdown .select2-results .select2-results__options {
	text-align: right;
}

You can add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

Best Regards,

Nithin

Hi Thank you very much! It works well!

The only issue now is that the arrow indicator still appears on the right instead of left, and that the dots at the end of the sentence also appears on the opposite side as if the text it self is still LTR. Can you fix that too?

Thanks!

Hi @nimrodish12,

Hope this message finds you well, and thanks for the update.

Could you add this code under Appearance > Customize > Additional CSS.

span.select2-selection.select2-selection--single {
    direction: rtl;
    text-align: right;
}
.select2-results__options li {
    text-align: right;
}

Let us know if you require additional assistance.

Kind regards.
Laura

Works perfectly!
Thank you!

Hi @nimrodish12

I’m glad to hear that!

I’ll mark this topic as resolved then but if you have any other questions, please don’t hesitate to start new ones and we’ll be happy to assist.

Best regards,
Adam