The caret is not moved when typing a decimal separator at an existing decimal separator

[pvdstel]

Describe the issue and the actual behavior

Typing one of the characters in allowedDecimals does not update the caret position, if the caret is in front of an already-existing decimal separator.

This is especially noticeable if fixedDecimalScale is enabled, since it forces a decimal to be present.

This error started occurring in 5.1.0.

Describe the expected behavior

If a decimal symbol is typed (any of the allowed decimals) at the same position as an existing decimal sign, the caret should move to the right of the decimal sign, as if the decimal separator was "overwritten" with a new one.

Provide a CodeSandbox link illustrating the issue

https://codesandbox.io/s/alloweddecimalseparators-fixeddecimalscale-bug-epp4d1?file=/package.json

Provide steps to reproduce this issue

Type something like 12%34 in the input field and notice that the decimal sign was never typed.

If the version of react-number-format is downgraded to 5.0.1 it works as expected.

Please check the browsers where the issue is seen

• Chrome
• Chrome (Android)
• Safari (OSX)
• Safari (iOS)
• Firefox
• Firefox (Android)

[s-yadav]

Looks like a bug will check.

[jarekpelczynski]

Have the same issue

If I have provided these options, pressing dot (.) do nothing

decimalSeparator=","
allowedDecimalSeparators={[".", ","]}
decimalScale={2}

[s-yadav]

Will check this.

[adrian-amigues]

I confirm having this issue as well, although I notice that the bug seems only present when fixedDecimalScale is true

[s-yadav]

Fix is available on 5.1.3