26 lines
982 B
HTML
26 lines
982 B
HTML
<!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>
|