blob: 4e01426d287cc7c954fe5e2d06173016d191a08f [file] [log] [blame]
<!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>