Невозможно установить курсор в конец после изменения содержимого текстового поля

Мне нужно написать код, который преобразует ввод текста на мой язык (Bangla). Для этого я обнаруживаю каждое нажатие клавиши, если оно попадает в границы от A до Z или от 0 до 9, я пишу соответствующий код и, наконец, устанавливаю курсор в определенную позицию.

Теперь у меня проблема с элементом типа <input type="textbox" />, потому что я получаю правильную позицию курсора, я пишу в правильную позицию, но проблема в следующем:

Рассмотрим случай, когда вы ввели символ, при этом видимая область в текстовом поле рассчитана только на 10 символов. В этом случае желаемый результат: после того, как я перезапишу свое измененное значение в текстовое поле на 11-й позиции, поле ввода должно показать позицию: от 1 до 11, а курсор должен быть помещен в 11-ю позицию ....... Но в моем случае , видимая область остается на позициях от 0 до 10 (я имею в виду изначально, как было)

Я пробовал все возможные решения, которые нашел в stackoverflow, но не решил эту проблему. Больше всего я пробовал эту демонстрационную страницу: http://demo.vishalon.net/getset.htm

Код можно найти по адресу:

http://jsbin.com/abexeq/3/edit

и демо:

http://jsbin.com/abexeq/3/

Пожалуйста, помогите мне написать функцию writeFinalValue в верхней части HTML-кода, чтобы эта проблема была решена.

Код:

/// <summary>Write finalText to the text/input box</summary>
Keyboard.prototype.writeFinalValue = function (finalText, caretPosition) {

    var scrollTop = this.textInputSource.scrollTop;

    if (typeof this.textInputSource.selectionStart == "number" && typeof this.textInputSource.selectionEnd == "number") {
        // Non-IE browsers and IE 9
        this.textInputSource.value = finalText;

        this.textInputSource.value = this.textInputSource.value;
        //        // Move the caret
        //        this.textInputSource.selectionStart = caretPosition;
        //        this.textInputSource.selectionEnd = caretPosition;
    }
    else if (document.selection && document.selection.createRange) {
        // For IE up to version 8
        var selectionRange = document.selection.createRange();
        var textInputRange = this.textInputSource.createTextRange();
        var precedingRange = this.textInputSource.createTextRange();
        var bookmark = selectionRange.getBookmark();
        textInputRange.moveToBookmark(bookmark);
        precedingRange.setEndPoint("EndToStart", textInputRange);
        var start = precedingRange.text.length;
        var end = start + selectionRange.text.length;

        this.value = finalText;

        //        // Move the caret
        //        textInputRange = this.createTextRange();
        //        textInputRange.collapse(true);
        //        textInputRange.move("character", start - (this.textInputRange.value.slice(0, start).split("\r\n").length - 1));
        //        textInputRange.select();
    }

    this.textInputSource.focus();
    this.textInputSource.scrollTop = scrollTop;

    // move caret
    if (this.textInputSource.setSelectionRange) {
        this.textInputSource.setSelectionRange(caretPosition, caretPosition);
//        this.textInputSource.value = this.textInputSource.value;
    }
    else if (this.textInputSource.createTextRange) {
        var range = this.textInputSource.createTextRange();
        range.collapse(true);
        range.moveEnd('character', caretPosition);
        range.moveStart('character', caretPosition);
        range.select();
    }
}

Спасибо.

N.B. Мне нужно предложение для Firefox / Chrome в основном потому, что Internet Explorer меня не касается.