Hotfixes - Changing the language to Arabic (RTL) results in broken UI

[pcenov]

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Observed behavior

Observed in all supported browsers - changing the language to Arabic results in broken UI:

arabic.mp4

Expected behavior

Everything should be displayed correctly in supported RTL languages.

Steps to reproduce the issue

1. Sign in to Hotfixes
2. Change the language to Arabic and observe the UI issues

Usage Details

• OS: Windows 11
• Browser: Chrome, Firefox
• URL: https://hotfixes.studio.learningequality.org/en/
• Caused by changes made in: Release TBD (search recommendations release) #5318

[pcenov]

@radinamatic

[bjester]

The missing translations are not a bug. Things have changed in the codebase since last release that causes this. It should be resolved automatically when we revisit internationalization.

[bjester]

The RTL issues seem like a regression due to my removal of these changes during the pnpm transition #4106

Although, I haven't found a workaround for the webpack build errors that occur when that's implemented

[bjester]

This only seems to occur with the production webpack build. The devserver actually produces the intended UI for RTL

[rtibbles]

This should be fixed on hotfixes now, @pcenov - I'll leave you to confirm and close this issue to be sure though!

[pcenov]

Thanks @bjester and @rtibbles - I confirm that this issue is fixed now at Hotfixes.