React: Wrong event.target.value

[knafm]

Do you want to request a feature or report a bug?
bug
What is the current behavior?
Given: input field type='email'
When: type valid email address , after type сyrillic letter ([email protected] and type 'д' (for test you can copy - paste it) )
Then: as a result , we have '[email protected]' and cursor in the start of input field
What is the expected behavior?
[email protected]д in input field , which i can change
Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
react version:16.3.1, browser: chrome 66
simple example https://codesandbox.io/s/3rrzz3qk6

[tikhonandrey]

same issue
"react": "15.6.2"

[tikhonandrey]

It's Punycode parsing of сyrillic letter in email
for example, if try to copypast from browser url кошка.рф it become xn--80atap4c.xn--p1ai
so i think value mutable is not a bug
BUT at some moment input set cursor to the start, and sometimes input mutable value sometimes not.

[Alex1990]

I have tested it with the native input element. The example page: https://codepen.io/Alex1990/pen/BVoKVz?editors=1010.

In Chrome 66, the letter 'д' will be encoded. But, in Firefox 60 and Safari 11, the letter will NOT be encoded.

If I convert the event.target.value to its unicode format manually with punycode.toUnicode() method, then all things will be as expected. See this example: https://codesandbox.io/s/mjop6yp37y

Also, you can use type="text" input and add the email validation by yourself.

Personally, I think this is a Chrome bug, or feature 😄.

[knafm]

Thanks for additional research! I think it's resolved.