Bug 118119

Summary: Input behavior is not correct when input is inside translated container and is filled with text
Product: WebKit Reporter: Radu Brehar <radu>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://stackoverflow.com/questions/17337584/strange-behavior-with-input-when-inside-translated-div-on-mobile-webkit

Radu Brehar
Reported 2013-06-27 01:11:52 PDT
When an input is inside a div (or any container) that is transformed (has -webkit-transform: translate3d(-100%, 0px, 0px); for example), when the input is filled with text, the visible area is no longer adjusted to follow the cursor. Please see http://stackoverflow.com/questions/17337584/strange-behavior-with-input-when-inside-translated-div-on-mobile-webkit A demo page at http://jsbin.com/itodip/2 The bug is only reproducible in mobile browsers (I have tested it with mobile Chrome, mobile Safari - on iOS 6, android Stock browser - on Android 4.1)
Attachments
Simon Fraser (smfr)
Comment 1 2013-06-27 16:08:21 PDT
Bugs about mobile browsers should be filed with their respective vendors. This bug does not reproduce in Safari desktop builds.
Radu Brehar
Comment 2 2013-06-27 22:19:13 PDT
I agree that it should be filed at the respective vendors of each mobile browser. Do you happen to know the public url of the bug trackers for mobile safari and android stock browser? Thanks.
Note You need to log in before you can comment on or make changes to this bug.