React: Field type="email" with multiple attribute cursor jumps to start

Created on 15 Apr 2019 · 10Comments · Source: facebook/react

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
While adding multiple comma separated email addresses the cursor will jump to te beginning the input field. First i thought it was a Formik issue, but it seems to be a React one.

Example pure React: https://codesandbox.io/embed/0y06zo7l8p
Example React with Formik: https://codesandbox.io/embed/k57zw7wz5
MDN docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#multiple

What is the expected behavior?
Cursor stays on current position.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
Chrome 73, Safari 12.1, Opera 60.0
React 16.7.0

Maybe #14551 related?

DOM Bug

Source

jordyvg

👍5

All 10 comments

May I take this bug for PR?

Nizarius on 16 Apr 2019

👍1

@Nizarius for sure

jordyvg on 16 Apr 2019

Any progress update on this? I see that a PR was opened months ago, but it's still open. I'm still seeing this behavior today.

justingish on 23 Jul 2019

👍1

The PR is still open. Can I work on this?

karthikpriyadarshan-alation on 30 Nov 2019

@karthikpriyadarshan-alation thank you for your question! Do you want to work with my PR where it's fixed but needs a regression fixture to https://github.com/facebook/react/tree/master/fixtures/dom and a detailed test plan? I can give you rights to work with my repository.

Nizarius on 30 Nov 2019

See https://github.com/facebook/react/pull/18459. We should fix it but I think this needs to wait a bit more.

gaearon on 1 Apr 2020

I made a fix in chrome which should fix this problem which should be released in chrome 85, try it out on canary: https://www.google.com/chrome/canary/