react-square-payment-form
react-square-payment-form copied to clipboard
CVV Not auto completing when using CreditCardCVVInput
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>
I'm sorry to say that this is a known issue, but at this time it's not clear when we will address it
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?
Not at this time, no