Динамическая регулировка высоты поля с помощью CSS

Question

У меня есть поле textarea, которое я хотел бы автоматически настраивать в соответствии с количеством используемых строк (то есть, если пользователь вводит одну строку, высота поля будет показывать только эту строку, но если пользователь вводит длинный текст, поле будет показать все строки текста). Я бы хотел, чтобы это происходило динамически, без использования прокрутки (переполнения). Буду признателен за помощь с этим.

Благодарность

Answer 1

В ответах, указанных в комментариях, содержится множество идей, поэтому, если вам абсолютно необходимо придерживаться текстового поля, возможно, некоторые из них решат вашу проблему, но для них требуется Javascript, и я заметил, что вы пометили CSS, а не JS.

Итак, думали ли вы об использовании вместо этого contenteditable div? Это будет автоматически изменять размер в зависимости от содержимого без необходимости использования Javascript: