[CVP] Bottom Up - iOS Safari - first name field is focused, but keyboard not open on the "What's your name?" page

[trjExpensify]

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

---

Version Number: v9.0.26-2
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
Expensify/Expensify Issue URL:
Issue reported by: @trjExpensify
Slack conversation: https://expensify.slack.com/archives/C05E8R5K55K/p1725026086476479?thread_ts=1725025982.019969&cid=C05E8R5K55K (internal)

Action Performed:

1. Sign-up on newDot with a new account
2. Choose the manage my teams expenses onboarding intent
3. Observe the business name field is focused and the keyboard is open
4. Click the back caret <
5. Choose the "get paid back by my employer" intent
6. Observe the first name field is focused but the keyboard is not open

Expected Result:

When the first name field is focused, the keyboard should be open.

Actual Result:

The first name field is focused, but the keyboard is not open.

Workaround:

Yes, tap the field to bring up the keyboard.

Platforms:

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

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

RPReplay_Final1725025978.MP4

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @abdulrahuman5196

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @abdulrahuman5196 (External)

[melvin-bot]

Triggered auto assignment to @trjExpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[dominictb]

Proposal

Please re-state the problem that we are trying to solve in this issue.

The first name field is focused, but the keyboard is not open.

What is the root cause of that problem?

On iOS, focus() within setTimeout or delay may not bring the keyboard show up

What changes do you think we should make in order to solve the problem?

Enable autoFocus in BaseOnboardingPersonalDetails here same as what we already did in BaseOnboardingWork

What alternative solutions did you explore? (Optional)

Check other places if needed

[trjExpensify]

@abdulrahuman5196 what do you think about this proposal?

[abdulrahuman5196]

Hi will check today

[trjExpensify]

Thanks you!

[abdulrahuman5196]

@trjExpensify Are you able to reproduce the issue? Seems to be working fine for me.

Screen.Recording.2024-09-03.at.12.44.17.AM.mov

[trjExpensify]

Yup! Physical device, iPhone 15 Pro (iOS 17.6.1).

RPReplay_Final1725306778.MP4

[melvin-bot]

@trjExpensify, @abdulrahuman5196 Whoops! This issue is 2 days overdue. Let's get this updated quick!

[abdulrahuman5196]

Checking again

[trjExpensify]

Thanks!

[trjExpensify]

@abdulrahuman5196 did you check?

[abdulrahuman5196]

Not yet. I haven't been able to find how to test dev web in real iPhone's device. Checking with team on the same - https://expensify.slack.com/archives/C02NK2DQWUX/p1725898604633999

[trjExpensify]

Cool, thanks for escalating to Slack!

[abdulrahuman5196]

Found way to test in physical device.
@trjExpensify In my iphone safari, the keyboard doesn't pop up for any input. Attaching the video here.
iPhone 12, 17.6.1

ios.mov

Sometime back I remember seeing an issue where focus is not working on safari properly. Not sure if that was solved. But couldn't find that issue, will check in our slack as well if this is something we should solve here.

Slack thread - https://expensify.slack.com/archives/C02NK2DQWUX/p1726080852534069

[melvin-bot]

@trjExpensify @abdulrahuman5196 this issue was created 2 weeks ago. Are we close to approving a proposal? If not, what's blocking us from getting this issue assigned? Don't hesitate to create a thread in #expensify-open-source to align faster in real time. Thanks!

[trjExpensify]

Found way to test in physical device.
@trjExpensify In my iphone safari, the keyboard doesn't pop up for any input. Attaching the video here.
iPhone 12, 17.6.1

But we include autoFocus on the one page and not the other in this flow, so for the devices this does work for that makes it an inconsistent bug, right?

[trjExpensify]

#48333 (comment) - did you check this solution on a physical iPhone device using Safari, @dominictb? Can you include a vid, please.

[abdulrahuman5196]

#48333 (comment) - did you check this solution on a physical iPhone device using Safari, @dominictb? Can you include a vid, please.

And FYI seems the autoFocus is removed in theBaseOnboardingWork due to some issue #48137 (comment)

[trjExpensify]

Cool, so @dominictb. Bump on this!

#48333 (comment) - did you check this solution on a physical iPhone device using Safari, @dominictb? Can you include a vid, please.

[melvin-bot]

@trjExpensify, @abdulrahuman5196 Whoops! This issue is 2 days overdue. Let's get this updated quick!

[trjExpensify]

@dominictb still awaiting a vid for confirmation here.

[dominictb]

I'm trying to build on Physical device. will update soon

[dominictb]

@trjExpensify My solution doesn't work on Safari Physical device. Do you think it's ios behavior to prevent showing keyboard programmatically?

[melvin-bot]

@trjExpensify, @abdulrahuman5196 Still overdue 6 days?! Let's take care of this!

[trjExpensify]

@trjExpensify My solution doesn't work on Safari Physical device. Do you think it's ios behavior to prevent showing keyboard programmatically?

Got it. Then yes, this sounds like the inconsistent upstream bug with mWeb safari we've (unsuccessfully) fought before.

[abdulrahuman5196]

Got it. Then yes, this sounds like the inconsistent upstream bug with mWeb safari we've (unsuccessfully) fought before.

Yep. I think we should close this one IMO. @trjExpensify

[trjExpensify]

Yep, closing!