概要
テキストエリアへのテキスト入力時およびテキストエリアのリサイズ時に、テキストエリアの高さをテキスト量に合わせて自動で変更する。用途・要件
- テキストエリアの高さをテキスト量に合わせて可変にしたい場合に使用する。
- テキストエリアへのテキスト入力時、高さを自動調整する。
- テキストエリアのサイズが変わった時、高さを自動調整する。(監視は「Resize Observer API」を使用)
- テキストエリアにはCSS
resize: none;
を指定。 - 同一ページへの複数設置可能。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)