Как управлять растяжением textarea?

Для этого есть css свойство resize. Значения:
- resize: none – полностью запрещает растягивание элемента.
- resize: vertical – разрешает менять только высоту элемента.
- resize: horizontal – позволяет менять только ширину элемента.
- resize: both – позволяет менять ширину и высоту элемента.

Растягивание также можно ограничить указав минимальные и максимальные значения высоты и ширины.

Например - есть форма шириной 400px с текстовым полем внутри. Чтобы поле нельзя было растянуть шире формы, просто указываем максимальную ширину в 100% или любой другой необходимый вам размер.

<form>
  <textarea></textarea>
</form>

form {
  width: 200px;
}
textarea {
  width: 100%;
  max-width: 100%;
}

#полезности