У меня есть автоматически расширяемая текстовая область, и у меня есть случаи, когда внутри заполняется текст (например, при редактировании). Я хочу, чтобы текстовая область была полностью развернута, чтобы показать весь текст, который там есть.
Проблема, с которой я сталкиваюсь, заключается в том, что она работает, когда я получаю доступ к странице, но если я сохраняю свою форму и продолжаю заходить на эту страницу снова, логика функций не срабатывает. У меня есть событие, которое отправляется после сохранения формы, которая получает новые данные с сервера.
Функция:
expandTextarea() {
const textarea = document.querySelector(".auto-expand-textarea") as HTMLElement;
textarea.setAttribute('style', 'height:' + (textarea.scrollHeight) + 'px;overflow-y:hidden;');
}
Когда функция не срабатывает, высота устанавливается равной высоте по умолчанию, которая равна 56px
, когда она должна быть установлена для текстовых областей scrollHeight
.