This repository was archived by the owner on Aug 24, 2022. It is now read-only.
Description 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>
Reactions are currently unavailable