| <!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 edge 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> |
