Description
I'm trying to setup a JPY (Japanese yen) input field but it looks weird.
My HTML:
{
allowNegative: false,
prefix: '¥',
suffix: '',
fixed: true,
fractionDigits: 0,
decimalSeparator: '.',
thousandsSeparator: ',',
cursor: 'end'
};
Result:
When empty:

With one number filled:

With more than one number filled: The input works as expected.
Expected behavior:
When empty:

With one number filled:

This lib has an example of this jpy input: https://cchanxzy.github.io/react-currency-input-field/ (Example 3)
Reproduction URL
https://gist.github.com/stephannv/7feaa93a86c76803cc1003df1831aa63
Reproduction steps
Just load the example and use the input.
Description
I'm trying to setup a JPY (Japanese yen) input field but it looks weird.
My HTML:
Result:

When empty:
With one number filled:

With more than one number filled: The input works as expected.
Expected behavior:

When empty:
With one number filled:

This lib has an example of this jpy input: https://cchanxzy.github.io/react-currency-input-field/ (Example 3)
Reproduction URL
https://gist.github.com/stephannv/7feaa93a86c76803cc1003df1831aa63
Reproduction steps