Bug 86626 - -webkit-transform on textarea makes caret unusable
Summary: -webkit-transform on textarea makes caret unusable
Status: RESOLVED DUPLICATE of bug 18751
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.7
: P2 Major
Assignee: Nobody
URL: http://jsfiddle.net/mH4xM/
Keywords:
Depends on:
Blocks:
 
Reported: 2012-05-16 07:26 PDT by Lukas F. Hartmann
Modified: 2012-05-16 10:11 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Lukas F. Hartmann 2012-05-16 07:26:05 PDT
As easily seen in this testcase:

http://jsfiddle.net/mH4xM/

Applying something like -webkit-transform: translate3d(50px,50px,0); to a textarea element leads to the caret not being animated and not reacting to cursor movement. 
We use this in a note-taking web application and it breaks the feature. 

The bug is present in both current versions of Chrome and Safari (including nightly). 

It's probably a repainting issue.
Comment 1 Lukas F. Hartmann 2012-05-16 07:30:06 PDT
The same applies to contentEditable fields, not only to textareas, as this test case demonstrates:

http://jsfiddle.net/dbXUZ/
Comment 2 Alexey Proskuryakov 2012-05-16 10:00:24 PDT
Is this duplicate of bug 18751?
Comment 3 Simon Fraser (smfr) 2012-05-16 10:11:36 PDT
Yep.

*** This bug has been marked as a duplicate of bug 18751 ***