[HOLD for payment 2021-12-28] Payment - Keyboard type is wrong for CVV at debit card page - Reported by: @thesahindia

[mvtglobally]

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. Navigate to Profile > Settings
2. Select Payments
3. Click Add payment method
4. Select Debit card
5. Click on CVV CTA

Expected Result:

Numeric keyboard should open

Actual Result:

Letters keyboard opens

Workaround:

Unknown

Platform:

Where is this issue occurring?

• iOS
• Android
• Mobile Web

Version Number: 1.1.20-1
Reproducible in staging?: Y
Reproducible in production?: Y
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation
Expensify/Expensify Issue URL:
Issue reported by: @thesahindia
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1639348013154400

View all open jobs on GitHub

[MelvinBot]

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

[MelvinBot]

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

[MariaHCD]

I'll let @puneetlath do the initial triage here!

[puneetlath]

Confirmed this is indeed an issue. Over to you @MariaHCD!

[mananjadhav]

This is a small fix:

Proposed solution: is to add keyboardType to the text input in AddDebitCardPage

<ExpensiTextInput
      label={this.props.translate('addDebitCardPage.cvv')}
      onChangeText={securityCode => this.clearErrorAndSetValue('securityCode', securityCode)}
      value={this.state.securityCode}
      errorText={this.getErrorText('securityCode')}
      keyboardType={CONST.KEYBOARD_TYPE.NUMBER_PAD} // Add this line
  />

[MelvinBot]

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