<html>
<head>
<style>
textarea { -webkit-appearance: textarea;}
</style>
<script>
    function log(msg) {
        document.getElementById('res').innerHTML = document.getElementById('res').innerHTML + msg + "<br>";
    }
    
    function test() {
        if (window.testRunner)
            testRunner.dumpAsText();
        var ta = document.getElementById('ta');

        log('Calling focus on textarea');
        ta.focus();
        log('After focus: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>');

        log('Calling setSelectionRange on textarea');
        ta.setSelectionRange(5, 10);
        log('After setSelectionRange(5, 10): textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>');

        log('Double clicking to make selection for textarea');
        if (window.eventSender) {           
            eventSender.mouseMoveTo(75, 55);
            eventSender.mouseDown();
            eventSender.mouseUp();
            eventSender.mouseDown();
            eventSender.mouseUp();
        }
        log('After double clicking: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>');

        log('Calling blur on textarea');
        ta.blur();
        log('After blur: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>');
    
        log('Calling focus on textarea');
        ta.focus();
        log('After focus: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd);
    }
</script>
</head>
<body onload="test()">
<br>
This tests onSelect for textareas.  <br>
This also makes sure that the correct selection is restored when the element regains focus.<br><br>
<textarea id="ta" onselect="log('onselect fired for textarea');" style="position: absolute; top: 50; left: 10;">textarea with lots of fun content!</textarea>
<div id="res" style="position: absolute; top: 100; left: 10;"></div>
</body>
</html>