Tab in interface brings to top of textarea

[kanno41]

While using the Tabbing feature of the interface plugin when there is a scrollbar, it tabs over but scrolls to the top of the textarea at the same time.

[nev3rm0re]

I found a code somewhere, that fixes this issue, can't find a bookmark at the moment.

I made following changes to ittabs.js

var sct = this.scrollTop; var l = this.value.length;

pressedKey = e.charCode

e.keyCode

-1;

if (pressedKey == 9) {

if (window.event) {

window.event.cancelBubble = true; window.event.returnValue = false;

} else {

e.preventDefault(); e.stopPropagation();

} if (this.createTextRange) {

var range = document.selection.createRange(); range.text=" "; range.moveStart("character", -1);

this.onblur = function() { this.focus(); this.onblur = null; };

} else if (this.setSelectionRange) {

start = this.selectionStart; end = this.selectionEnd; this.value = this.value.substring(0, start) + " " + this.value.substr(end); this.setSelectionRange(start + 1, start + 1); this.scrollTop = sct;

this.focus(); }

This works in Firefox 2 and in IE7. Dunno about other browsers.

[nev3rm0re]

Sorry about ugly Javascript, here's the syntax highlighted version

doTab : function(e) {
    var sct = this.scrollTop;
    var l = this.value.length;

    pressedKey = e.charCode || e.keyCode || -1;
    if (pressedKey == 9) {
        if (window.event) {
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        } else {
        e.preventDefault();
            e.stopPropagation();
        }
        if (this.createTextRange) {
            var range = document.selection.createRange();
            range.text="        ";
            range.moveStart("character", -1);
//          this.onblur = function() { this.focus(); this.onblur = null; };
        } else if (this.setSelectionRange) {
            start = this.selectionStart;
            end = this.selectionEnd;
            this.value = this.value.substring(0, start) + "     " + this.value.substr(end);
            this.setSelectionRange(start + 1, start + 1);
            this.scrollTop = sct;
//          this.focus();
        }
        return false;
    }
}

[scott.gonzal]

Interface is no longer supported; consider switching to ​jQuery UI.