Bug 181092

Summary:

Rendering Text on <input> and adjacent <span> causes cursor probelms

Product:

WebKit

Reporter:

Will Gottschalk <will.gottschalk>

Component:

Forms

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

cdumez, mmaxfield, wenson_hsieh

Priority:

Version:

WebKit Nightly Build

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Screen Recording of the Bug	none

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	Details
View All Add attachment proposed patch, testcase, etc.

Note You need to log in before you can comment on or make changes to this bug.