mWeb - Safari- Page gets distorted tapping add phone number in profile

[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. Go to staging.expensify.cash and login
2. Tap avatar
3. Tap profile
4. Tap add phone number

Expected Result:

Add phone number page opens to enter phone number and password

Actual Result:

Page looks distorted, Partially displaying the add phone number page

Workaround:

Unknown

Platform:

Where is this issue occurring?

Web
iOS
Android
Desktop App
Mobile Web ✔️

Version Number: 1.0.69-0
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Bug5114980_IMG_5863.mp4

Expensify/Expensify Issue URL:

View all open jobs on Upwork

[OSBotify]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open StagingDeployCash deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[MelvinBot]

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

[NikkiWines]

Can reproduce on a sim, going to look into what commit might've introduced this:

[NikkiWines]

Exists for me on commit c5e6da221 (which is the merge commit for #3193) but doesn't exist on e4bd83e23, the commit before it. Looks like src/pages/settings/AddSecondaryLoginPage.js was modified in that PR too.

cc: @roryabraham looks like @parasharrajat's PR may have introduced this

[parasharrajat]

Thanks, @NikkiWines I think the same. There are issues on the safari M-web and all other platforms are good. I will look into it.

[roryabraham]

@parasharrajat Any information here?

[parasharrajat]

Checking all the safari issues now. I will try to fix them one by one.

[tgolen]

@parasharrajat this issue is blocking deploys and should be the absolute top priority. What is the status of this? How can I help?

[parasharrajat]

Ok. I'll take it first. I think I know what I need to do here.

[roryabraham]

@parasharrajat and I talked about this a bit 1:1 ... PR is up

TL;DR it works perfectly on simulator, but on the actual iPhone the keyboard may not open, despite the input being focused correctly. But it does solve this problem.

[isagoico]

Tested this on iOS and confirmed it's working on 1.0.73-2 🎉