Как сделать высоту поля ввода отзывчивой к содержимому? ⇐ CSS

[Anonymous]

Это приложение на основе стека MERN. Я попытался сделать высоту текстовой области в зависимости от содержимого, используя этот скрипт.

Похоже, что внешний файл javascript работает, потому что я попробовал поместить предупреждение в цикл for, и это сработало. Поэтому я попытался поместить предупреждение в функцию OnInput(), но предупреждение не было вызвано. Поэтому я думаю, что с этой функцией что-то не так.

index.html


You need to enable JavaScript to run this app.





main.js

var tx = document.getElementsByClassName('comment-area-responsive');

for (var i = 0; i < tx.length + 1; i++) {
// alert(i);
tx.setAttribute(
'style',
'height:' + tx.scrollHeight + 'px;overflow-y:hidden;'
);
tx.addEventListener('change', OnInput, false);
}

function OnInput() {
this.style.height = 'auto';
alert('hi2');
this.style.height = this.scrollHeight + 'px';
}


страница

setText(e.target.value)}
required
/>


Подробнее здесь: https://stackoverflow.com/questions/580 ... he-content