third_party/WebKit/LayoutTests/editing/input/reveal-contenteditable-on-paste-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 pasting text 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, have some text in the clipboard, scroll the page up to the top, then paste. The control 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 contenteditable="true" id="copy">WebKit</div>
  17 <div id="results"></div>
  18 <script>
  19
  20 if (window.testRunner)
  21     testRunner.dumpAsText();
  22 performVerticalScrollingPasteTest();
  23 assertInputIsInTheMiddleOfViewport();
  24
  25 </script>
  26 </body>