Раньше, чтобы текстовое поле автоматически растягивалось по высоте или ширине в зависимости от введенного пользователем текста, приходилось писать костыли на JavaScript.
Теперь в CSS появилось нативное решение — field-sizing: content;!
textarea {
field-sizing: content;
min-height: 40px;
max-height: 200px;
}Поле изначально имеет минимальную высоту, но как только пользователь начинает печатать и текст не помещается, инпут автоматически растет вниз, пока не упрется в max-height. Без единой строчки JS