### Description I'm trying to setup a JPY (Japanese yen) input field but it looks weird. My HTML: ```javascript { allowNegative: false, prefix: '￥', suffix: '', fixed: true, fractionDigits: 0, decimalSeparator: '.', thousandsSeparator: ',', cursor: 'end' }; ``` Result: When empty: <img width="1041" alt="Image" src="https://github.com/user-attachments/assets/48eff3d3-5c02-4cfc-802c-41656784f1e4" /> With one number filled: <img width="1057" alt="Image" src="https://github.com/user-attachments/assets/6075035f-4248-432e-a4f5-a498361c391a" /> With more than one number filled: The input works as expected. Expected behavior: When empty: <img width="578" alt="Image" src="https://github.com/user-attachments/assets/bc0abbd5-1e98-49f2-b99b-1a86881f0749" /> With one number filled: <img width="569" alt="Image" src="https://github.com/user-attachments/assets/9cd6b197-fb76-4cba-936c-0bb4bbd58411" /> 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 ```bash Just load the example and use the input. ```