Create WordPress Site: In "Choose a domain" input, text positioning is always following the device's default language instead of keyboard one (RTL vs. non-RTL)

Expected behavior

According to the comment thread in this PR, the text should always be positioned according to the keyboard chosen when typing (depending on RTL or non-RTL keyboard language).

Actual behavior

Text position is always following the device's default language - if RTL, positioned to the right, and the left if this is non-RTL. Check the screen recordings below.

RTL localization and different keyboards

159177030-4c6d1081-9587-4903-b11b-2e978ee3b7d3.mov

English localization and different keyboards

159177019-70b8130f-9d12-43ea-9817-332355a7f1f3.mov

Steps to reproduce the behavior

1. Open device Settings
2. Go to Language and Region
3. Set device's language to "Arabic"
4. In the WordPress app, start the creation of a new site
5. Change your keyboard language to English
6. Type something in the Choose a domain field

Tested on iPhone XS, iOS 14.8.1, WPiOS 19.4.0.2

[twstokes]

Thanks for spotting this @brcavallaro!

From what I'm observing, this may be a difference in how iOS 14 and 15 treat a UITextField's alignment when it's set to NSTextAlignment.natural.

Adding a breakpoint here and executing po textAlignment == NSTextAlignment.natural shows true for both OSes. It appears that iOS 14 will align to the system's localization and iOS 15 is more dynamic in that it will align to the current keyboard's localization.

A couple options that come to my mind:

• Left-align always for iOS 14
  • Is there an RTL keyboard that works for domains? Will all (most?) users use English for domain input? This is the simpler fix.
• Subscribe to an event in iOS 14 so we can adjust the alignment when a keyboard changes.
  • This is a little more complicated, but matches iOS 15's behavior.

We should keep in mind that iOS 14's usage is dropping as iOS 15 has dominated at this point. cc @ovitrif

[dangermattic]

Thanks for reporting! 👍