stackoverflow で少し言及されている テキストエリア エキスパンダー jquery プラグインがあります: http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html
これはすべてのブラウザでうまく機能しますが、テキストエリアの上部/下部にパディングがないため、見栄えが悪くなります。したがって、簡単な解決策 (私が考えた) は、この行をコメントアウトするか、たとえば 0 を 10 に変更することでした。
$(this).css("padding-top", 0).css("padding-bottom", 0);
Firefox では問題なく動作しますが、Chrome と Safari では動作しません。入力する文字ごとに、テキストエリアが最大の高さに達するまで拡大します。使用するパディングが多いほど、拡張します
これを webkit ブラウザーでのみ補正し、設定された高さから padding-top+bottom を削除することを考えていましたが、方法がわかりません。
他のプラグインをいくつか試しましたが、どちらもうまく機能しませんでした。パディングの問題を除けば、これが最も安定しているようです。
これをうまく見せることに成功した人はいますか?