LayoutTests/editing/input/reveal-contenteditable-on-input-vertically.html - WebKit - Git at Google

 <!DOCTYPE html>
 <head>
 <script type="text/javascript" src="resources/reveal-utilities.js"></script>
 <style type="text/css">
 /* This is needed for divs percent heights to work. */
 html { height:100%; }
 body { margin:0; padding:0; height:100%; }
 </style>
 </head>
 <body>
 <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>
 <div style="height:200%"></div>
 <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>
 <div style="width:150px; border:thin solid black" contenteditable="true" id="input"></div>
 <div style="height:200%"></div>
 <div id="results"></div>
 <script>

 if (window.testRunner)
     testRunner.dumpAsText();
 performVerticalScrollingInputTest();
 assertInputIsInTheMiddleOfViewport();

 </script>
 </body>
	<!DOCTYPE html>
	<head>
	<script type="text/javascript" src="resources/reveal-utilities.js"></script>
	<style type="text/css">
	/* This is needed for divs percent heights to work. */
	html { height:100%; }
	body { margin:0; padding:0; height:100%; }
	</style>
	</head>
	<body>
	<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>
	<div style="height:200%"></div>
	<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>
	<div style="width:150px; border:thin solid black" contenteditable="true" id="input"></div>
	<div style="height:200%"></div>
	<div id="results"></div>
	<script>

	if (window.testRunner)
	testRunner.dumpAsText();
	performVerticalScrollingInputTest();
	assertInputIsInTheMiddleOfViewport();

	</script>
	</body>