Right-to-left text alignment for select_one and select_multiple options

1. What is the issue? Please be detailed.

When using a select_one or select_multiple question type, the option labels are left-aligned when using a right-to-left language:

They should be right-aligned, like the label for the question itself (and other questions/notes in the form).

Oddly enough, when I switch the form back to English but leave the project in Arabic, the English option labels are right aligned while the question label is left aligned. (While this may be a non-sensical configuration, it might offer a clue about the cause of the bug.)

2. What steps can we take to reproduce this issue?

See this example form: https://docs.google.com/spreadsheets/d/1AhSdDLKCH1lSVcM3iyYwZorPVKJRCyMW5TlD_vC0uXY/edit#gid=1979768711

3. What have you tried to fix the issue?

In the example form, we also tried to work around it by adding style="text-align:right" to the text, but this has no effect (only text-align:center seems to work, in any language).

4. Upload any forms or screenshots you can share publicly below.

(Link above.)

1 Like

Thanks, looks like a bug! We'll try to get to it soon.

1 Like

It looks like start/end should be used instead of left/right.

That works! Thanks. Specifically:

<p style="text-align:start">ثلاثة</p>

Gets the text right-aligned. All on one line, just like that (newlines seem to break it for some reason).

Nonetheless, it's quite error prone to intersperse LTR HTML with RTL Arabic in Google Sheets, so it would still be wonderful to see this fixed. :blush:

1 Like

Please try out the latest Collect beta and let us know whether the improvements we've made are sufficient.