Skip to content
This repository was archived by the owner on Aug 24, 2022. It is now read-only.
This repository was archived by the owner on Aug 24, 2022. It is now read-only.

CVV Not auto completing when using CreditCardCVVInput #79

@rozzamozza

Description

@rozzamozza

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    wontfixThis will not be worked on

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions