[Webkit-unassigned] [Bug 128181] New: Incorrect caret position inside iframe with -webkit-transform

Tue Feb 4 07:05:28 PST 2014

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

           Summary: Incorrect caret position inside iframe with
                    -webkit-transform
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: iOS
        OS/Version: iOS 7.0
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: andreas.hartmann at gmail.com
                CC: andreas.hartmann at gmail.com

Created an attachment (id=223108)
 --> (https://bugs.webkit.org/attachment.cgi?id=223108&action=review)
Screenshot of iOS simulator

To reproduce:

* Create a document with an iframe
* Apply a CSS transformation to the iframe using -webkit-transform
* Place an editable element (input/textarea/contenteditable) inside the iframe

It looks like the transformation is not applied to the caret (or at least not correctly), see screenshot.

HTML to reproduce:

<html>
  <body>
    <iframe id="iframe" style="-webkit-transform: translate(100px, 0) rotate(20deg)"></iframe>
    <script>
      var content = '<html><body><textarea style="height: 300px; width: 600px;"></textarea></body></html>';
      document.getElementById('iframe').src = "data:text/html;charset=utf-8," + escape(content);
    </script>
  </body>
</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.