Cursor position resetting with a conditional prefix

[Treycos]

When using NumericFormat with a conditional prefix, the cursor position is reset to the left of the input after the prefix changes

In v4, it maintained the usual behavior, the cursor doesn't move when a prefix is added midway through typing

Code Sandbox: https://codesandbox.io/s/react-number-format-forked-654ycv?file=/src/index.js

To reproduce:

• Clear the left input

• Type a number

• Cursor is reset at the end

• Clear the right input

• Type a number

• Cursor is where it should be

• Chrome

• Firefox

[sormpe]

I think #725 is related

[s-yadav]

This is fixed on v5.2.0

[akhmadullin]

Hi

c0157ea broke cursor position in another case

I have phone input. When input is focused and empty - short mask (+7 () is shown

when input is not empty - full-format mask (+7 (###) ###-####) is shown

c0157ea affects copy+paste process

Previously, before c0157ea, after applying copy+paste cursor was after last inserted symbol in input

prev.mov

Now (commit c0157ea) after applying copy+paste cursor is stayed on the same place, where is was before pasting

now.mov

Is it possible to fix this issue?

[s-yadav]

Sure @akhmadullin, will take a look. Can you create a sandbox with this bug, it will help debugging.

[akhmadullin]

@s-yadav, ok

I created separate issue - #772, where I described problem and provided links to sandbox with examples