When you want to edit credit card number cursor should remain at the same position

[ecrisac]

Steps to repro

• type entire cc number then try to remove specific character somewhere in a middle , you will observe that cursor position will be changed to line end

expected result :
you should keep cursor position

Tested :
Was tested on demo page from here

[jxom]

Can't seem to reproduce this. What browser are you using?

[ecrisac]

I'm using Chrome 67.0.3396.99, try using amex card

[petevk]

It seems to be only happening on amex cards because it is the only card with a different codepath (doesn't have a "global" regex pattern).

https://github.com/medipass/react-credit-card-input/blob/master/src/utils/formatter.js#L123-L125

[jxom]

We have just recently published a new library, React Payment Inputs which is a rewrite of react-credit-card-input, and fixes a lot of issues that were raised in this repository as well as a few extra enhancements.

Your issue that you raised here should be fixed in React Payment Inputs - however, if you wish to still use react-credit-card-inputs, I'll try find time to fix this issue in the future.