Bug 184686 - Cursor / caret not repositioning when parent div / iframe of input is translated using translate3d
Summary: Cursor / caret not repositioning when parent div / iframe of input is transla...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: iPhone / iPad iOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-04-17 01:10 PDT by Sriduth Jayhari
Modified: 2018-04-17 01:20 PDT (History)
3 users (show)

See Also:

Attachments
HTML page to reproduce issue (448 bytes, text/html)
2018-04-17 01:12 PDT, Sriduth Jayhari 		no flags Details
Screen recording showing issue on iPhone 5S (4.61 MB, video/mp4)
2018-04-17 01:20 PDT, Sriduth Jayhari 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Sriduth Jayhari 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.
Comment 1 Sriduth Jayhari 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.
Comment 2 Sriduth Jayhari 2018-04-17 01:20:32 PDT 
Created attachment 338089 [details]
Screen recording showing issue on iPhone 5S