third_party/WebKit/LayoutTests/fast/transforms/transformed-caret.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   7   <title>Caret with transform</title>
   8   <style type="text/css" media="screen">
   9     #box {
  10       height: 200px;
  11       width: 300px;
  12       margin: 80px;
  13       border: 1px solid black;
  14       font-size: 60pt;
  15       transform: rotate(30deg);
  16     }
  17   </style>
  18   <script type="text/javascript" charset="utf-8">
  19     function focusBox()
  20     {
  21       var box = document.getElementById('box');
  22       // box.focus();
  23       window.getSelection().collapse(box, box.childNodes.length);
  24     }
  25   </script>
  26 </head>
  27 <body onload="focusBox()">
  28
  29 <p>The caret should render correctly in transformed elements<br>
  30   <a href="https://bugs.webkit.org/show_bug.cgi?id=15671">https://bugs.webkit.org/show_bug.cgi?id=15671</a></p>
  31 <div id="box" contenteditable>
  32 Caret
  33 </div>
  34 </body>
  35 </html>