medipass/react-payment-inputs

Run validation again after paste / autofill / password manager fill

Opened this issue · 3 comments

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.

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

Hello? Anyone there?

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