В случае со значением height: auto у элемента textarea в CSS, высота текстового поля автоматически рассчитывается его содержимым, чтобы обеспечить корректное отображение всего текста, введенного пользователем.
Если указанная высота меньше, чем минимально необходимая высота для отображения всего текста, то браузер будет автоматически увеличивать высоту текстового поля, чтобы весь текст был виден без прокрутки. Если же указанная высота больше, чем необходимая, то текстовое поле будет занимать только столько места, сколько указано.
Таким образом, при использовании height: auto и попытке задать высоту текстового поля меньше 50px, браузер будет автоматически увеличивать высоту до минимального значения, необходимого для отображения всех строк текста внутри текстового поля.
Если вы хотите установить фиксированную высоту для текстового поля меньше 50px, вам нужно явно задать значение высоты, используя другое свойство CSS, например height: 30px !important;. Таким образом, вы переопределите автоматическое вычисление высоты и установите желаемую высоту, даже если она меньше минимально необходимой для отображения всего текста.