Not auto focusing to the required Input inside Workspace page

[aman-atg]

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 the workspace
2. Click on the invite button
3. Email or Phone Input will not be focused

Expected Result:

It should be focused

expensifyUX_fix.mp4

Actual Result:

expensifyUX.mp4

Workaround:

Visual/UX

Platform:

Where is this issue occurring?

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number:
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation
Expensify/Expensify Issue URL:

View all open jobs on Upwork

[MelvinBot]

Triggered auto assignment to @alexpensify (AutoAssignerTriage), see https://stackoverflow.com/c/expensify/questions/4749 for more details.

[aman-atg]

Proposal

• We can create a ref element for Phone or Email Input and then add focus using the below code after line 89 (With some other required changes on other places)

            <ScreenWrapper onTransitionEnd={() => {
                if (this.emailOrPhoneInputRef) {
                    this.emailOrPhoneInputRef.focus();
                }
            }}
            >

App/src/pages/workspace/WorkspaceInvitePage.js

Line 89 in d26de05

<ScreenWrapper>

[parasharrajat]

The workspace feature is still in beta. There would be more pages coming to Workspaces. If you like to fix this, it's good if you can check other pages and fix them all.

[aman-atg]

@parasharrajat let me know if it's happening on any other page.
Currently I can see this behaviour only on this page

[MelvinBot]

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

[stitesExpensify]

@aman-atg your proposal sounds good to me. @alexpensify can we get an upwork job spun up for this?

[MelvinBot]

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

[marklouisdeshaun]

Job posted to Upwork

[MelvinBot]

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

[marcaaron]

Sorry for the delay here. I have left an initial review @aman-atg. Let me know when updates are made, thanks.

[mallenexpensify]

Paid in Upwork because it's been over 7 days since merge yet before our 7 days after production update for payment. Added bonus for reporting the issue

[mallenexpensify]

Forgot to close....