[HOLD for facebook/react-native#40762][$2000] Left-most characters are hidden if text in line is longer than screen size

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Open Android
2. Go to settings and personal information
3. Go to home address and try to select address with large state/province name. For example, select the Islamabad expressway.
4. Notice that the first few letters of Islamabad is hidden in the state/province. But in mweb chrome, you’ll see that the last few letters are hidden. Of course, it needs to be scrolled to view the state name , but it should be consistent with the other platforms.

Expected Result:

There should be consistency between MWEB and Android. The last few letters of the state name should be hidden in android too in a similar way to how Mweb displays it.

Actual Result:

Using a big state name in android hides the first few letters of the name unlike MWEB chrome

Workaround:

unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android / native

Version Number: 1.2.74-0
Reproducible in staging?: y
Reproducible in production?: y
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

state.mp4

az_recorder_20230220_152323.1.mp4

Expensify/Expensify Issue URL:
Issue reported by: @priya-zha
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1676873662255729

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01450fe2eb8c10f817
• Upwork Job ID: 1628799246971928576
• Last Price Increase: 2023-09-07
• Automatic offers:
• s77rt | Reviewer | 26669048
• priya-zha | Reporter | 26669049

[MelvinBot]

Triggered auto assignment to @sonialiap (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[MelvinBot]

Bug0 Triage Checklist (Main S/O)

• This "bug" occurs on a supported platform (ensure Platforms in OP are ✅)
• This bug is not a duplicate report (check E/App issues and #expensify-bugs)
  • If it is, comment with a link to the original report, close the issue and add any novel details to the original issue instead
• This bug is reproducible using the reproduction steps in the OP. S/O
  • If the reproduction steps are clear and you're unable to reproduce the bug, check with the reporter and QA first, then close the issue.
  • If the reproduction steps aren't clear and you determine the correct steps, please update the OP.
• This issue is filled out as thoroughly and clearly as possible
  • Pay special attention to the title, results, platforms where the bug occurs, and if the bug happens on staging/production.
• I have reviewed and subscribed to the linked Slack conversation to ensure Slack/Github stay in sync

[MelvinBot]

Triggered auto assignment to @johnmlee101 (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[Beamanator]

Yo @johnmlee101 - I implemented this page (Home address) recently, but I'm not sure if this is really a bug that needs to be fixed (a.k.a. i'd be curios to know where the cursor is after typing the long state / province name, and what happens if you change focus to a new field)

Anyway, if this is something that is a bug, I wonder how it could be happening on only the Home address page, I assume it would be happening in other forms too? Maybe? Just adding my 2 cents here :D

[sonialiap]

Address line 1, Address line 2, City and State all behave in the same way

The country names in the drop down are all shorter than the fields and the zip code is limited to 10 characters so it's shorter as well.

i'd be curios to know where the cursor is after typing the long state / province name, and what happens if you change focus to a new field

When you change focus the text does not rearrange to focus left or right. It is left in the position you last had it in. I.e. if you were typing on the far right then once you click out then the text will stay with the far right showing. If you then click into the line and scroll all the way to the left so that the cursor is before the first value in the string, then click out. The field will show the left most position.

(cursor was left at the right-most position in all lines before clicking out)

(cursor was left at the left-most position on Address Line 2 and City, it was at the right-most position in Line 1 and State)

[sonialiap]

1. Save change to address
2. Return to Personal details
3. Click into Home Address again
4. See that all long lines show the right-most point of the string

[sonialiap]

This isn't huge, but I think we should change the behavior so that the lines default to showing the left-most position. English is read left to right so we should facilitate that

[sonialiap]

Same behavior on the Legal Name tab

Same on Display Name

Same on General Settings

(These three screenshots were taken after saving, going back one page, returning to page in screenshot)