エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React+TailwindCSSで高さ可変のテキストエリアを作る - TadaoYamaokaの開発日記
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React+TailwindCSSで高さ可変のテキストエリアを作る - TadaoYamaokaの開発日記
ほぼ個人メモ。 HTMLのtextareaは、入力に応じて高さを自動で調整する機能がない。 ChatGPTの入力欄のよ... ほぼ個人メモ。 HTMLのtextareaは、入力に応じて高さを自動で調整する機能がない。 ChatGPTの入力欄のように、高さが自動で変わるテキストエリアを作るには、CSSとJavaScriptで実装する必要がある。 JavaScriptで高さを計算するのはややこしいので、非表示のdivタグに内容をコピーして、そのタグの高さにflexのrelativeとabsoluteを使って合わせる方法がある。 The Cleanest Trick for Autogrowing Textareas | CSS-Tricks - CSS-Tricks このサンプルでは、Alpine.jsを使っていたので、Reactで実装する方法を調べた。 React+TailwindCSSで実装 Reactとlessを使って実装する以下のページを参考に、React+TailwindCSSで実装した。 入力文字の行数で