Input in Chrome on Android results in random characters being inserted

Expected behavior

If I type “1234” with my options below I expect to see “1,234” in the field.

Actual behavior

On Chrome on Android, random digits get inserted as I am typing and the end result is “112.43”. I also have to go back into the numerical keyboard after typing the first “1”. I made a recording to showcase the issue: https://www.youtube.com/watch?v=1Zn4g-8MZpc

Steps to reproduce the problem

1. Using autoNumeric 4.0.3 and the browser Chrome for Android version 63.0.3239.111 on Android 8.1.0,
2. I used the options

{
	digitGroupSeparator: ",",
	decimalCharacter: ".",
	currencySymbol: "",
	currencySymbolPlacement: "p",
	decimalPlaces: 2,
	minimumValue: -999999999.99,
	maximumValue: 999999999.99,
	selectOnFocus: false,
	modifyValueOnWheel: false
}

1. Initialized my AutoNumeric object with the call

new AutoNumeric(document.querySelector('#test'), {
	digitGroupSeparator: ",",
	decimalCharacter: ".",
	currencySymbol: "",
	currencySymbolPlacement: "p",
	decimalPlaces: 2,
	minimumValue: -999999999.99,
	maximumValue: 999999999.99,
	selectOnFocus: false,
	modifyValueOnWheel: false
});

1. This seems to be happening both in master and in next branches

Link to live example

Very straightforward: https://codepen.io/anon/pen/VyMMKL

I will start digging into the AutoNumeric code to see what might be the cause as this is a critical issue for us. However, as this will be one of my first forays into that code, I wanted to get this issue out first so if anyone has any idea we can get this fixed sooner. Any hints are appreciated.

[AlexandreBonneau]

I do not recommend doing that, since you’d lose the main goal of AutoNumeric ; formatting as-you-type.

However if you want to go down this road, you could set the noEventListeners option to true (see the doc), and manually add an event listener on blur that calls the anElement.set(yourValue) method.

[AlexandreBonneau]

Additionally, if you want to dig in the AutoNumeric code, I’d suggest to take a look at the _onInput() method that handle key events on the Android platform (where the keycodes for every key equals 229…).

Also, check the event lifecycle doc for info and run yarn test:unitpp to be sure that your changes does not break the desktop.

Have fun 😉