react-square-payment-form icon indicating copy to clipboard operation
react-square-payment-form copied to clipboard

CVV Not auto completing when using CreditCardCVVInput

Open rozzamozza opened this issue 4 years ago • 3 comments

In the paymentform.md example. It shows usage in this form.

GPay attempts to auto complete the card details (asking for your CVV) But after entering your CVV automcomplete does not fill n the CVV.

I believe/think this may be due to an additional rendered cc-csc input displayed as part of the replacement

<CreditCardNumberInput/>

<form novalidate="true"><input autocomplete="cc-number" autocapitalize="off" autocorrect="off" spellcheck="off" type="tel" pattern="\d*" maxlength="24" placeholder="• • • •  • • • •  • • • •  • • • •" style="-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: transparent; color: #373F4A; font-family: Helvetica Neue; font-size: 16px; line-height: 24px; padding: 16px;">
**<input autocomplete="cc-csc" tabindex="-1">**
<input autocomplete="cc-exp-month" tabindex="-1">
<input autocomplete="cc-exp-year" tabindex="-1">
</form>



<SquarePaymentForm {...props}>

  <fieldset className="sq-fieldset">
    <CreditCardNumberInput />
    <div className="sq-form-third">
      <CreditCardExpirationDateInput />
    </div>

    <div className="sq-form-third">
      <CreditCardPostalCodeInput />
    </div>

    <div className="sq-form-third">
      <CreditCardCVVInput />
    </div>
  </fieldset>

  <CreditCardSubmitButton>
      Pay $1.00
  </CreditCardSubmitButton>

</SquarePaymentForm>

rozzamozza avatar Sep 01 '20 14:09 rozzamozza

I'm sorry to say that this is a known issue, but at this time it's not clear when we will address it

DavidRagone avatar Sep 03 '20 21:09 DavidRagone

OK :-( Kind of means we are stuck with SimpleCard or have to write our own. Is there now way to make a copy of/new version of <CreditCardNumberInput /> e.g. <CreditCardNumberOnlyInput> which does not have all the cvv and other fields?

rozzamozza avatar Sep 04 '20 06:09 rozzamozza

Not at this time, no

DavidRagone avatar Sep 05 '20 15:09 DavidRagone