【CSS】textareaの高さを自動で調整する

はじめに

「field-sizing」のメモ。
textareaの入力文字数によって高さを調整するにはいままでJSでやっていたけど、いまはCSSでもできる。

field-sizing: content

実装は対象のセレクターにfield-sizing: contentを設定するだけ！

textarea {
  field-sizing: content;
}

max-heightで最大値も設定できる！

max-height: 4lh;

対応ブラウザも問題なし！