<!DOCTYPE html>
<head>
<script type="text/javascript" src="resources/reveal-utilities.js"></script>
</head>
<body>
<div>When the caret is scrolled out, on starting typing it must be brought to the center of the control.</div>
<span style="position:absolute; visibility:hidden" id="single-digit">0</span>
<div style="border:thin solid black; overflow:scroll" contenteditable="true" id="input-contenteditable"></div>
<script>

var contentEditable = document.getElementById("input-contenteditable");
contentEditable.innerHTML = generateNumbers(0, 30, 2, "<br>");
var singleDigitHeight = document.getElementById("single-digit").clientHeight;
var contentEditableSize = 10;
contentEditable.style.height = (singleDigitHeight * contentEditableSize) + "px";
contentEditable.focus();
var child = contentEditable.firstChild;
for (var i = 0; i < 36; ++i)
    child = child.nextSibling;
getSelection().collapse(child, 0);
if (window.eventSender)
    eventSender.keyDown(">");

</script>
</body>