third_party/WebKit/LayoutTests/editing/input/reveal-contenteditable-on-input-vertically.html

   1 <!DOCTYPE html>
   2 <head>
   3 <script type="text/javascript" src="resources/reveal-utilities.js"></script>
   4 <style type="text/css">
   5 /* This is needed for divs percent heights to work. */
   6 html { height:100%; }
   7 body { margin:0; padding:0; height:100%; }
   8 </style>
   9 </head>
  10 <body>
  11 <div>After starting typing in a scrolled out of view editor control, the control is to be brought in the center of the view</div>
  12 <div style="height:200%"></div>
  13 <div>To test manually, scroll the page up to the top, then start typing. Input box should be scrolled into the middle of the view.</div>
  14 <div style="width:150px; border:thin solid black" contenteditable="true" id="input"></div>
  15 <div style="height:200%"></div>
  16 <div id="results"></div>
  17 <script>
  18
  19 if (window.testRunner)
  20     testRunner.dumpAsText();
  21 performVerticalScrollingInputTest();
  22 assertInputIsInTheMiddleOfViewport();
  23
  24 </script>
  25 </body>