Изменять размер textarea
Пытаюсь изменить размер textarea при печатании текста.
скрипт меняет размер, но добавляет слишком много новых строк.
$(document)
.one('focus.autoExpand', 'textarea.autoExpand', function(){
var savedValue = this.value;
this.value = '';
this.baseScrollHeight = this.scrollHeight;
this.value = savedValue;
})
.on('input.autoExpand', 'textarea.autoExpand', function(){
var minRows = this.getAttribute('data-min-rows')|0, rows;
this.rows = minRows;
rows = Math.ceil((this.scrollHeight - this.baseScrollHeight) / 18);
this.rows = minRows + rows;
});
<textarea name="content" rows="6" class='autoExpand' id="editor" placeholder="Введите текст" spellcheck="true"></textarea>
в чем может быть дело?
или есть вариант как это сделать лучше.