blob: 0c17b504f16a8f89e8364f1ce0c55762efa40b6b [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
<html>
<head>
<title>Find text in overflow node</title>
<meta name="viewport" content="width=device-width">
<script type="text/javascript">
if (window.testRunner)
testRunner.waitUntilDone();
function run() {
if (!window.testRunner || !testRunner.runUIScript)
return;
var findOptions = 1 << 6; // show find indicator
var maxCount = 1;
testRunner.runUIScript(`
uiController.findString("match", ${findOptions}, ${maxCount});
uiController.findString("match", ${findOptions}, ${maxCount});
uiController.uiScriptComplete("Done");
`);
testRunner.notifyDone();
}
</script>
<style>
#scrollable {
border: 1px solid black;
background: gray;
width: 200px;
height: 200px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
</style>
</head>
<body onload="run();">
<p>Use iOS Find UI to search for the text "match" in the following overflow node. The result should be highlighted.</p>
<div id="scrollable">
<div style="height: 300px; background: linear-gradient(135deg, blue, cyan);"></div>
<div>match</div>
<div style="height: 300px; background: linear-gradient(135deg, blue, cyan);"></div>
</div>
</body>
</html>