Textareaの問題

Question

私はtextareaを拡張しようとしていますが、何とか失敗します。それは内容より大きくなります。このjsfiddleをご覧ください。なぜそれは失敗するのですか？

EDIT：私の質問が十分にはっきりしていないように見えるので、それに明確さを入れてください。私が望むのは、コンテンツがオーバーフローしなくなったためにスクロールバーが消えるようなサイズのテキストエリアに任意のテキストエリア（コンテンツがオーバーフローするためスクロールバーが表示される可能性があります）を有効にすることです。

私の解決策はなぜ機能しませんか？それは私が不思議に思っているものです。 "thisissomeverylongwordintheworld"を削除すると、意図したとおりに動作します。

EDIT 2：私は、Chromeでjsfiddleをテストし、テキストエリアには、スクロールバーを持っている...ので、私はscrollWidthとscrollHeightといくつかの問題があると思います...または私は右のそれを理解していません？ :)

Answer 1

たぶん、あなたはcontenteditable=trueにDIVを使用する必要があります。

http://jsfiddle.net/6S77z/6/

Answer 2

この質問はまだ明らかではありません。しかし、たぶんあなたは（あなたがアイデアを取った後は、今ではないならば）、自動伸長のtextareaプラグインが必要です。これは私のウェブサイトで実行されているスクリプトです、元の著者は不明です。

ポイントは、そのときの文書、あるhttp://jsfiddle.net/hobobne/6S77z/9/
（あなたのテキストを削除してください、それは[テキストを追加または削除]あなたの行動に採用されます）：しかし、それは...

ライブデモが動作します（あなたのウェブサイト）が読み込まれると、テキストエリア内のテキスト量が計算されます。次に、テキスト量/長さに合わせてテキストエリアを自動拡張します。それはスクロールバーを生成しません（あなたの要件を食べる）、doest use css（あなたの要件）と余分なスペースを残しません。（よく、1行..必要があります、下部にある）。

私はマークどこプラグインが開始され、終了...またトリガーです：

$('textarea').autogrow(); 

PS：あなたがCSSまたはcols=""でテキストエリアの幅を設定することができますが。

EDIT：なぜあなたのコードの作業を行います。

機能していませんか？このコードは、テキストの量を計算し、それに応じてテキスト領域を調整するためのものです。それはそれがするものです。テキストエリアにはスクロールバーがありません：

もなしスクロールバーにあり、しかし、あるテキストエリアが非常に長いwindow..as上のスクロールバーが..あなたがテキストエリアにはスクロールバーをしたいんか、と窓？

これは不可能です。私は、あなたの要件があるわけない：重要幅テキストエリアを変更カント重要

ウィンドウに

• ませCSS
• テキストエリアに何もスクロールバー重要
• ませんスクロールバーを
• 任意の文字を削除します重要

これらの要件は、NOT POSSIBLEを意味します。続行したい場合は、クリティカルの要件を明記する必要がありますが、スクロールバーはまったくありません。それは物理的なものではありません。ボックスを変更せずに小さなボックスの内側に大きなボックスを置くことはできません寸法！