- Fixed #725

The cursor position not being correct when allowed decimal separator is typed

src/utils.tsx

@@ -314,6 +314,15 @@ export function getCaretPosition(
   boundary: boolean[],
   isValidInputCharacter: (char: string) => boolean,
 ) {
+  const changeRange = findChangeRange(curValue, newFormattedValue);
+  const { from, to } = changeRange;
+
+  // if only last typed character is changed in the
+  if (from.end - from.start === 1 && from.end === to.end && to.end === curCaretPos) {
+    // don't do anything
+    return curCaretPos;
+  }
+
   /**
    * if something got inserted on empty value, add the formatted character before the current value,
    * This is to avoid the case where typed character is present on format characters

test/library/keypress_and_caret.spec.js

@@ -130,6 +130,21 @@ describe('Test keypress and caret position changes', () => {
     expect(input.selectionStart).toEqual(2);
   });
 
+  it('should handle caret position correctly when suffix starts with space and allowed decimal separator is pressed. #725', async () => {
+    const { input } = await render(
+      <NumericFormat
+        value={0}
+        decimalSeparator=","
+        allowedDecimalSeparators={['%', '.']}
+        decimalScale={2}
+        suffix=" €"
+      />,
+    );
+
+    simulateNativeKeyInput(input, '.', 1, 1);
+    expect(input.selectionStart).toEqual(2);
+  });
+
   describe('Test character insertion', () => {
     it('should add any number properly when input is empty without format prop passed', async () => {
       const { input } = await render(<NumericFormat thousandSeparator={true} prefix={'$'} />);