reveal-edit-on-input-vertically.html

<!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 to the edge 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 edge of the view.</div>
<input type="text" name="input" id="input" />
<div style="height:200%"></div>
<div id="results"></div>
<script>

if (window.testRunner)
    testRunner.dumpAsText();
if (window.internals)
    internals.settings.setScrollAnimatorEnabled(false);
performVerticalScrollingInputTest();
assertInputIsInTheBottomEdgeOfViewport();

</script>
</body>

chromium/third_party/blink/web_tests/editing/input/reveal-edit-on-input-vertically.html