29 lines
895 B
HTML
29 lines
895 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta name="viewport" content="height=device-height">
|
||
|
|
<style>
|
||
|
|
#input1 {
|
||
|
|
position: absolute;
|
||
|
|
top: 880px;
|
||
|
|
left: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
height: 900px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>This test can be used to ensure that we scroll to the newly focused field when using the keyboard to switch focus from a text field positioned at the bottom of the page to a text field positioned at the top of the page.</p>
|
||
|
|
<ol>
|
||
|
|
<li>Scroll all the way to the bottom of the page.</li>
|
||
|
|
<li>Tap the text field with text "Field 2"</li>
|
||
|
|
<li>Tap the '<' above the keyboard to move the focus to the previous text field on the page, "Field 1".</li>
|
||
|
|
</ol>
|
||
|
|
<p>This test PASSED if we scroll to "Field 1" such that it's visible.</p>
|
||
|
|
<input type="text" id="input0" value="Field 1">
|
||
|
|
<input type="text" id="input1" value="Field 2">
|
||
|
|
</body>
|
||
|
|
</html>
|