[HOLD for payment 2022-02-09] iPad - IOU- Keypad does not open to enter amount

[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. Launch the app and Log in to any account
2. On a conversation, click on the + button in the compose box
3. Choose "Request Money" or "Send money"
4. Click/tap on enter the amount

Expected Result:

Keypad opens to enter amount

Actual Result:

Keypad does not open

Workaround:

Unknown

Platform:

Where is this issue occurring?

• iOS - iPad 7 , ipad air 4 - both in portrait and landscape
• iPad 6 - Only in landscape

Version Number: 1.1.31-0
Reproducible in staging?: yes
Reproducible in production?: yes
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Bug5413916_Ipad_1901-1.mp4

Expensify/Expensify Issue URL:
Issue reported by: Applause
Slack conversation:

View all open jobs on GitHub

[MelvinBot]

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

[ilia-musaev]

Hi Expansify team

I want to work on this project for a long-time. I am a new freelancer. but I have strong experience in React Native app development. Can you give me a chance? If I am going to get this job, how shall I do?

Thanks

[nkuoch]

just double checking with @AndrewGable this can be external, right?

[MelvinBot]

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

[mananjadhav]

The current IOUAmountPage has a logic to hide the device keyboard for native devices but the BigNumberPad pad is shown only for small screen devices. The simplest solution would be to enable the BigNumberPad for tablets as well.

App/src/pages/iou/steps/IOUAmountPage.js

Lines 242 to 248 in dcd2882

	{this.props.isSmallScreenWidth
	? (
	<BigNumberPad
	numberPressed={this.updateAmountNumberPad}
	/>
	) : <View />}

Change the check as: this.props.isSmallScreenWidth || this.props.isMediumScreenWidth

---

Second way to do it is modifying the TextInputAutoWidthWithoutKeyboard to show the keyboard for medium devices.

[MitchExpensify]

Upwork Job