テキストエリアのheightを自動調整する
field-sizingを使うと、入力内容によって<textarea>のheightが自動調整できる。
<textarea>の問題点
- JSを使わないと自動で高さ調整ができない
- contenteditable属性もあるが闇魔術なので使わないほうがいい
- rows属性も結局は固定高なのでテキストエリア内にスクロールが発生する
field-sizingでheightを自動調整する
textarea {
field-sizing: content;
}