Description
This appears to have been introduced in a new Chrome version, but I can't find any reference to where.
Affected/Tested Browsers (OS X):
- Chrome 51.0.2704.106 (64-bit)
- Opera 39.0.2256.15
Unaffected Browsers:
- Safari 9.1
- Firefox 49
Backspacing in an input element with value or defaultValue set causes some very odd behavior. Once a decimal point is gone, it can't easily be re-added.
Example:
In this example, I simply backspaced twice. On the second backspace, when I expect 3. to be showing, the input instead reads 3 and the cursor has moved to the beginning. The next two jumps are my attempts to add another decimal point.
Fiddle: https://jsfiddle.net/kmqz6kw8/
Tested with React 15.2.
Notes: This only occurs when value or defaultValue is set. If neither is set, the input behaves properly. We are currently working around this issue by (unfortunately) setting the input value on componentDidMount via a ref.