When using a RTL language in Collect, arrows for "back" and "next" buttons point in the wrong direction

Support
#1

1. What is the issue? Please be detailed.
The direction of the arrows in the "next" and "back" buttons in right-to-left language (in this case Arabic) is incorrect. The next and back buttons are correctly moved to the left and right sides of the screen, respectively, but the arrows point in the wrong direction.

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

Change the app language in Collect to Arabic.

3. What have you tried to fix the issue?

n/a

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

The arrows should still point to the "outside" of the screen (as they do in the English) rather than the inside:

Screen Shot 2023-03-06 at 1.46.33 PM
Screen Shot 2023-03-06 at 1.46.33 PM834×62 7.6 KB

Screen Shot 2023-03-06 at 1.46.38 PM
Screen Shot 2023-03-06 at 1.46.38 PM832×70 8.51 KB

1 Like
#2

As a follow-up, one of my team members noticed that the animation also slides in from the right when clicking "next" ("التالي") in Arabic. Ideally, the animation could also slide in from the left so the UX completely mirrors the UX in left-to-right languages.

#3

Thanks for the clear descriptions!

My hunch is that this will be straightforward to put an exception on.

My hunch is that this will be more complicated to address.

We will aim to investigate this after we complete the v2023.1 release and report back what we find.