[$1000] Web - Login - Magic Code input field loses focus after clicking on "Didn't receive a magic code?"

[kbecciv]

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 https://staging.new.expensify.com/
2. Input email into "Phone or email" field
3. Click "Continue"
4. Click "Didn't receive a magic code"
5. Press number keys in the keyboard

Expected Result:

At step 5 either user instantly can input numbers into magic code input field because visually magic code input field doesn't loose any focus OR when user clicks on "Didn't receive a magic code" magic code input field loses focus (e.g. highlighted underscore disappears or fades or a cursor is displayed that disappears after the field loses focus) so that it becomes clear that user has to set focus back to magic code field.

Actual Result:

At step 4 magic code input field doesn't loose any focus but user has to manually set focus back to input field in order to be able to input received code.

Workaround:

Unknown

Platforms:

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

• Android / native
• Android / Chrome
• iOS / native
• iOS / Safari
• MacOS / Chrome / Safari
• MacOS / Desktop

Version Number: 1.3.9.14

Reproducible in staging?: Yes

Reproducible in production?: New feature

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: Any additional supporting documentation

Bug6041072__Code_input_field_loses_focus_after_click_on__Didn_t_receive_a_magic_code__.mp4

Expensify/Expensify Issue URL:

Issue reported by: Applause - Internal Team

Slack conversation:

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~0141fb6b1fb25278a4
• Upwork Job ID: 1653778321030021120
• Last Price Increase: 2023-12-29

[MelvinBot]

Triggered auto assignment to @garrettmknight (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

[garrettmknight]

Might be related to #18244 but it's not a duplicate.

[MelvinBot]

Job added to Upwork: https://www.upwork.com/jobs/~0141fb6b1fb25278a4

[MelvinBot]

Current assignee @garrettmknight is eligible for the External assigner, not assigning anyone new.

[MelvinBot]

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

[MelvinBot]

Triggered auto assignment to @grgia (External), see https://stackoverflow.com/c/expensify/questions/7972 for more details.