[HOLD for payment 2023-12-20] iOS - IOU - "Save" button does not relocate to the top when the input label is focused

[lanitochka17]

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: 1.4.11-4
Reproducible in staging?: Y
Reproducible in production?: N
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: Applause - Internal Team
Slack conversation:

Action Performed:

Precondition: user should be Signed In

1. Open app
2. Tap on FAB
3. Tap on Request Money
4. Select Manual tab
5. Write any amount and tap on Next button
6. Select any attendee and tap on Next button
7. Tap on the Description
8. Tap on the input label

Expected Result:

"Save" button should relocate to the top when input label becomes focused

Actual Result:

Save button does not relocate to the top when the input label is focused, becoming hidden behind the keyboard. The same behaviour for the "Add to split" button on the select the attendee screen
The issue is reproducible only on iOS. The same behaviour for the "Add to split" button on the select the attendee screen.

Workaround:

Unknown

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

Add any screenshot/video evidence

Bug6309731_1702335393391.RPReplay_Final1702328673.mp4

View all open jobs on GitHub

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

[melvin-bot]

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

[marcaaron]

My first guess would be #28618

[marcaaron]

@luacmartins any ideas on what might have caused this? It looks related to the form component stuff, but I don't see any recent changes touching that,.

[luacmartins]

It probably came from this PR - #28618

[marcaaron]

ok, cool. That's what I guessed above. But not too sure.

[luacmartins]

StepScreenWrapper sets shouldEnableKeyboardAvoidingView={false} the old component used ScreenWrapper which has true as default

[marcaaron]

Ah so this commit here: 43ef40e maybe?

[luacmartins]

Yea, I also noticed that the page also has extra margin on the bottom