[WAITING ON AIMANE TO ACCEPT] Android - Rules - Custom name field is not auto-focused & Text cursor is before the input in % field

[IuliiaHerets]

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: 9.0.31-8
Reproducible in staging?: Y
Reproducible in production?: N/A
Email or phone of affected tester (no customers): applausetester+kh010901@applause.expensifail.com
Issue reported by: Applause Internal Team

Action Performed:

1. Launch New Expensify app.
2. Go to Workspace settings > Rules.
3. Enable Custom report names.
4. Tap Custom name.
5. Note that Custom name field is not auto-focused (reproducible in all environment).
6. Return to Rules.
7. Enable Auto-approve compliant reports.
8. Tap Random report audit.
9. Might need to repeat Step 8 a few times to see that the text cursor moves to the front of percentage input (Android app only).

Expected Result:

In Step 5, Custom name field will be auto-focused.
In Step 9, the text cursor will always be at the end of the input in Percentage field.

Actual Result:

In Step 5, Custom name field is not auto-focused.
In Step 9, the text cursor is at the beginning of the input in Percentage field.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6598283_1725941915769.w_edeadb08623d5c5fa97a5be2170c809c566efe2e-2024-09-10_04_10_36.710.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021833785982984566631
• Upwork Job ID: 1833785982984566631
• Last Price Increase: 2024-09-11
• Automatic offers:
• Nodebrute | Contributor | 103942038

Issue Owner

Current Issue Owner: @aimane-chnaif

[melvin-bot]

Triggered auto assignment to @Julesssss (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[melvin-bot]

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

[github-actions]

👋 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.

[Nodebrute]

Proposal

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

Custom name field is not auto-focused & Text cursor is before the input in % field

What is the root cause of that problem?

We are not autofocusing this field

App/src/pages/workspace/rules/RulesCustomNamePage.tsx

Line 91 in e96b038

<InputWrapper

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

We can add const {inputCallbackRef} = useAutoFocusInput(); and then pass it as a ref here

What alternative solutions did you explore? (Optional)