[HOLD for payment 2022-10-04] [$250] Android - "Close account" button partially covers the text information when keypad opened

[kavimuru]

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 the App/Android and login
2. Go to Settings->Security->Close account
3. Focus on "Enter message" field and then "Enter default method" field

Expected Result:

1. "Close account" button covers the text information when focusing in "Enter message" field;
2. "Close account" button is very near with "Enter default method" field.

Actual Result:

The input fields and the button should not overlap and be too close to each other

Workaround:

Unknown

Platform:

Where is this issue occurring?

• Android

Version Number: v1.1.98-0
Reproducible in staging?: Y
Reproducible in production?: Y
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:
https://user-images.githubusercontent.com/43996225/189174390-bcca3295-8cf3-4937-9835-68aa80bd9192.mp4
Upwork job URL: https://www.upwork.com/jobs/~015819339bfc73c40e
Issue reported by: Applause internal team
Slack conversation:

View all open jobs on GitHub

[melvin-bot]

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

[melvin-bot]

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

[melvin-bot]

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

[kakajann]

Proposal

This issue occurs on iOS too.

1. "Close account" button covers the text information when focusing in "Enter message" field;

This is IMO expected behaviour, but I suggest reducing number of lines of Enter message here input to be 4. Current value is 6.

This is for non-iOS devices.

- numberOfLines={6}
+ numberOfLines={4}

This is for iOS

closeAccountMessageInput: {
- height: 153,
+ height: 103,
},

Before

Screen.Recording.2022-09-13.at.9.26.25.PM.mov

After

Screen.Recording.2022-09-13.at.9.27.21.PM.mov

2. "Close account" button is very near with "Enter default method" field.

Because the button has no padding-top. Add this:

- <FixedFooter>
+ <FixedFooter style={[styles.pt5]}>

Before	After