Chrome не обновляет позицию курсора, если он сдвигается Backspace`ом?

[evgeniy2]

Есть функция, которая вставляет текст или символ в поле textarea в позицию курсора. Все отлично работает. Но в Хроме текст вставляется в то место, где курсор был до его смещения влево Backspace`ом. Если курсор ставится мышкой или перемещается стрелочками влево, вправо, то работает нормально. Видимо, Хром не обновляет позицию курсора, только если он смещается Backspace`ом. Проверял в Firefox. Там никаких глюков нет.

Код кажется нелогичным, потому что я немного упросил функцию, на самом деле также могут вставляться парные теги вокруг выделенного текста, но суть глюка не меняется.

function str_insert( str, ta ) //ta = textarea
{
  ta.focus();
 
  if( typeof(ta.selectionStart) != "undefined" )
  {
    var start = ta.selectionStart;
    var end = ta.selectionEnd;
    var slen = end-start;
    var scrollTop = ta.scrollTop;
 
    var rs = (ta.value.substr(start, slen)) + str;
    ta.value = ta.value.substr(0,start) + rs + ta.value.substr(end);
 
    ta.setSelectionRange(start+rs.length, start+rs.length);
 
    ta.scrollTop = scrollTop;
    ta.focus();
  }
}

Действительно есть такой глюк в Хроме или это у меня где-то ошибка?

[Dilettante_Pro]

В ИЕ, ФФ, Опере нормально, в Хроме - как написано.

<textarea style="width:500px;height:100px">Есть функция, которая вставляет текст или символ в поле textarea в позицию курсора. Все отлично работает. Но в Хроме текст вставляется в то место, где курсор был до его смещения влево Backspace`ом. </textarea>
<button onclick="str_insert('Test', document.querySelector('textarea'));"  >Вставить Тест</button>
<script>
function str_insert( str, ta ) //ta = textarea
{
  ta.focus();
 
  if( typeof(ta.selectionStart) != "undefined" )
  {
    var start = ta.selectionStart;
    var end = ta.selectionEnd;
    var slen = end-start;
    var scrollTop = ta.scrollTop;
 
    var rs = (ta.value.substr(start, slen)) + str;
    ta.value = ta.value.substr(0,start) + rs + ta.value.substr(end);
 
    ta.setSelectionRange(start+rs.length, start+rs.length);
 
    ta.scrollTop = scrollTop;
    ta.focus();
  }
}
</script>

[Rise]

evgeniy2, да в Chrome глюк: на blur после backspace не обновляется индекс курсора. Еще заметил что на focus (непрограммный) индекс всегда 0 в Chrome, Opera, Yandex, Safari. На input индекс нормально обновляется и во всех браузерах. Получается что проблемы возникают только на сменах фокуса.

<textarea></textarea>
<script>
var t = document.querySelector('textarea');
t.onfocus = t.onblur = t.oninput = function(e) {
	console.log(e.type, this.selectionStart, this.selectionEnd);
};
</script>

[evgeniy2]

И что делать? Ждать, когда исправят баг, или пытаться придумать костыль?

[Rise]

evgeniy2, написал им 716327, как я понял по 714425, которая поглотила мою, это сломалось с 14 февраля, обрати внимание что там это проявляется немного по другому на двух переносах строки, значит могут быть еще и другие глюки)