fix first load

[ahmdshrif]

Details

Fixed Issues

$ #7476

Tests

• Verify that no errors appear in the JS console

QA Steps

1. Set phone language to any RTL ( Settings -> Languages & input -> Languages ) chose Arabic for example
2. remove the app and reinstall it.
3. Open the app
4. Login & Browse
5. make sure the UI element is in its normal position
6. make sure the normal text also does not align to right instead of left
7. got to text input and use English keyboard (RTL language not supported)
8. make sure text input aligns to left
9. test on android and ios . and flow all previous steps.

• Verify that no errors appear in the JS console

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

55b-d8534034caed.png)

Screen.Recording.2022-02-13.at.3.42.50.PM.mov

Android

[marcaaron]

What's the context for this PR? Was there a regression somewhere?

[ahmdshrif]

I find the edge case here when you install the app for the first time app does not read the RTL config from js until you reload it. and will work after that very fine.

the js config we add before. work fine with us because the app was installed.

just add this native config line that fix this case.

i know this issue takes a while but we should solve this.

[marcaaron]

Got it thanks!

[parasharrajat]

Thanks for submitting a PR @ahmdshrif Appreciate it.

[parasharrajat]

LGTM.

cc: @marcaaron

🎀 👀 🎀 C+ reviewed

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging by @marcaaron in version: 1.1.41-0 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	failure ❌

[OSBotify]

🚀 Deployed to staging by @marcaaron in version: 1.1.41-0 🚀

platform	result
🤖 android 🤖	failure ❌
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	failure ❌
🕸 web 🕸	failure ❌

[mvtglobally]

Team is having a bit hard time validating this PR on Desktop/Web as it requires device language change and introducing navigation issues to flip language back as options shift.
We validated mWeb/IOS and Android. It would be great if someone can validate internally Desktop/Web

[ahmdshrif]

HI, @mvtglobally I will suggest here to change the language for the app and browser only from setting here.

[francoisl]

Hi @mvtglobally, were you able to test with the suggestion just above?

[OSBotify]

🚀 Deployed to production by @francoisl in version: 1.1.41-6 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅