src/third_party/WebKit/LayoutTests/editing/input/reveal-caret-of-transformed-input-scrollable-parent.html

   1 <!DOCTYPE html>
   2 <head>
   3 <script type="text/javascript" src="resources/reveal-utilities.js"></script>
   4 </head>
   5 <body>
   6 <div>When the caret is scrolled out, on starting typing it must be brought to the center of the control.</div>
   7 <div style="overflow:auto; height:150px; width:300px">
   8 <textarea name="textarea" id="textarea" rows="10" cols="10"
   9   style="transform:translate(110px, 110px) scale(2); height:200px"></textarea>
  10 <div style="height:1000px"></div>
  11 </div>
  12 <script>
  13
  14 var textArea = document.getElementById("textarea");
  15 textArea.textContent = generateNumbers(0, 500, 2, "\n");
  16 textArea.focus();
  17 textArea.selectionStart = 1200;
  18 if (window.eventSender) {
  19     eventSender.keyDown(">");
  20     // If the parentNode's scrollTop is greater than 500, then the textarea
  21     // isn't even visible.
  22     document.body.innerHTML = textarea.parentNode.scrollTop < 600 ? "PASS" : "FAIL";
  23 }
  24
  25 if (window.testRunner) {
  26     testRunner.dumpAsText();
  27 }
  28
  29 </script>
  30 </body>