Characters duplicated when entering numbers using any Japanese Keyboard

When entering into <NumberFormat /> using any Japanese Keyboard, characters are duplicated as a user types and deletes.

Found when using iOS environment.

Below is an example using the ‘Live Demo’ with the Japanese Kana Keyboard.

[jackall3n]

@donovantc sorry, I no longer have access to this code. However, the solution didn’t use a library (although this library might benefit from the added feature, I’ll have a think about adding something in).

Basically the solution was to attach an onFocus/onBlur listener to the field, when the cursor focused on the field the component would set a state value true or false. This value would switch whether the component visible was the react-number-format component, or a plain input field.

I’m sure this library could have an additional prop named something like ‘formatOnBlur’ or something more intuitive with this functionality set internally.

Hope that helps you with your issue.

[jackall3n]

@donovantc haha won’t hold you to it then