現在、勤務先の会社の社内販売アプリケーションに取り組んでおり、ユーザーが配送先住所を変更できるフォームを持っています。
メインアドレスの詳細に使用しているtextareaがその中のテキストの領域を占めるだけで、テキストが変更された場合は自動的にサイズが変更される場合は、もっと見栄えがよくなると思います。
これが現在のスクリーンショットです。
何か案は？
@クリス
良い点ですが、サイズを変更する理由があります。私はそれが占める領域がそれに含まれる情報の領域であることを望みます。スクリーンショットからわかるように、固定テキスト領域がある場合、垂直方向のスペースがかなり大きくなります。
フォントを減らすことはできますが、大きくて読みやすいアドレスにする必要があります。テキスト領域のサイズを小さくできるようになりましたが、3行または4行（1行は5行）の住所行がある人には問題があります。ユーザーがスクロールバーを使用する必要があるのは、大したことではありません。
私はもう少し具体的であるべきだと思います。私は垂直方向のサイズ変更をした後、幅はそれほど重要ではありません。これで発生する唯一の問題は、ウィンドウの幅が小さすぎると（スクリーンショットで確認できるように）、ISO番号（大きな「1」）がアドレスの下にプッシュされることです。
それはギミックを持つことではありません。それは、ユーザーが編集できるテキストフィールドを用意することで、不要なスペースを取りませんが、その中にすべてのテキストが表示されます。
誰かが問題に取り組む別の方法を思いついたとしても、私もそれを受け入れます。
コードが少し変わっているため、コードを少し変更しました。入力した文字が考慮されないため、キーアップ時にアクティブになるように変更しました。
resizeIt = function() {
var str = $('iso_address').value;
var cols = $('iso_address').cols;
var linecount = 0;
$A(str.split("\n")).each(function(l) {
linecount += 1 + Math.floor(l.length / cols); // Take into account long lines
})
$('iso_address').rows = linecount;
};