NEW 184686
Cursor / caret not repositioning when parent div / iframe of input is translated using translate3d
https://bugs.webkit.org/show_bug.cgi?id=184686
Summary Cursor / caret not repositioning when parent div / iframe of input is transla...
Sriduth Jayhari
Reported 2018-04-17 01:10:35 PDT
Consider the following HTML <div id="myInput"> <input> </div> Steps to reproduce: * Focus on input element inside div#myInput * Set 'style' to 'transform: translate3d(0, 20px, 0)' using setAttribute on div#myInput Observation: The caret / cursor does not move along with the input.
Attachments
HTML page to reproduce issue (448 bytes, text/html)
2018-04-17 01:12 PDT, Sriduth Jayhari
no flags
Screen recording showing issue on iPhone 5S (4.61 MB, video/mp4)
2018-04-17 01:20 PDT, Sriduth Jayhari
no flags
Sriduth Jayhari
Comment 1 2018-04-17 01:12:53 PDT
Created attachment 338088 [details] HTML page to reproduce issue Loading the attached html page in UIWebView or WKWebView reproduces the reported issue.
Sriduth Jayhari
Comment 2 2018-04-17 01:20:32 PDT
Created attachment 338089 [details] Screen recording showing issue on iPhone 5S
Note You need to log in before you can comment on or make changes to this bug.