[Webkit-unassigned] [Bug 181092] New: Rendering Text on <input> and adjacent <span> causes cursor probelms

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=181092

            Bug ID: 181092
           Summary: Rendering Text on <input> and adjacent <span> causes
                    cursor probelms
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: will.gottschalk at gmail.com
                CC: cdumez at apple.com, wenson_hsieh at apple.com

Created attachment 330041

  --> https://bugs.webkit.org/attachment.cgi?id=330041&action=review

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20171221/4f02acde/attachment-0001.html>