<!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>