Entering every 4th digit doesn't trigger onChange

[mmcnellis]

Due to
Payment.formatCardNumber ReactDOM.findDOMNode(@refs[@inputsRefs[inputsNames["number"]]])
the DOM is directly manipulated on every 4th digit entry, and thus card data cannot be saved to state using onChange events.

[ferenckv]

I'm having this very same issue but only when using redux-forms.

[Stas-Buzunko]

Hi, the same issue, have you found a way to fix it?

[ferenckv]

It looks like an issue with paymentjs and React: jessepollak/payment#53

[mmcnellis]

@ferenckv @Stas-Buzunko I came up with a working solution the other day: mmcnellis@1c416aa

Just add a function in the parent component that updates card number in state, and pass it as the updateNumber prop. Works like a charm

[shatran]

I'll wait for a development on the card.js front. Maybe they will find a solution for that.

[JesperWe]

Thanks for the workaround to this annoying bug, @mmcnellis! (Although I prefer to pass the whole event instead of the value to use the same handler as for onChange)

[shatran]

Is this issue solved with the new version?