medipass / react-payment-inputs

A React Hook & Container to help with payment card input fields.
https://medipass.github.io/react-payment-inputs
341 stars 62 forks source link

Run validation again after paste / autofill / password manager fill #49

Open Haraldson opened 3 years ago

Haraldson commented 3 years ago

When pasting a Visa number which includes dashes, such as 4111-1111-1111-1111, the dashes are removed correctly and the input’s value is formatted and displayed with spaces instead, but the validation state doesn’t update; instead it reports the stale message Card number is invalid.

If I delete the last digit and input it again manually, the validation state updates and all is good – which makes for a subpar user experience.

Haraldson commented 2 years ago

This also behaves the same way for autofill. A pointer to where and how it could be fixed would be appreciated.

Haraldson commented 1 year ago

Hello? Anyone there?

Haraldson commented 1 year ago

Hello? This is still an issue, and some help pointing me in the right direction would be appreciated.