NEW 181092
Rendering Text on <input> and adjacent <span> causes cursor probelms
https://bugs.webkit.org/show_bug.cgi?id=181092
Summary Rendering Text on <input> and adjacent <span> causes cursor probelms
Will Gottschalk
Reported 2017-12-21 10:59:00 PST
Created attachment 330041 [details] Screen Recording of the Bug This is a bug on Mobile Safari only. Here is a link to the codesandbox with the bug https://m3onvvw4yx.codesandbox.io/ To reproduce, * create a input and a span element * add an eventListener to the input element which sets the innerText of the span equal to the value of the input * type a letter on Mobile Safari, then hit backspace once The cursor doesn't go back to its original position in the input. Instead it stays at the location of the last letter in the element. This also occurs if there's text already present in the element. * type some text * move the cursor to the start of the text * type a letter followed by a backspace The cursor will be to the right of the first character and not before it. This bug was found on iOS 11.2 and my collegue was able to produce the bug on iOS 11.0
Attachments
Screen Recording of the Bug (1.04 MB, video/quicktime)
2017-12-21 10:59 PST, Will Gottschalk
no flags
Note You need to log in before you can comment on or make changes to this bug.