3


0

私はすでにFirefoxのテキストエリアのサイズ変更はバグが多いことを考え出しました - それはあなたの行とcols設定に常に1を追加します。 しかし、私はそれを無視することに決めました。 問題は、私が箱の中にちょっとした小説を書いたとしても、Firefoxも垂直スクロールバーを入れることを拒んでいることです。

私は何か悪いことをしていますか 無効)? 回避策はありますか?


(入力タイプ= textの代わりに単一行のtextareaを使いたいのです。後者はスクロールバーを提供していないからです。 他のすべてのブラウザでは、1行のテキストエリアでも垂直スクロールバーが表示されます。)

このフィールドにはほとんどの場合1行のテキストしか含まれませんが、「念のため」としてさらに受け入れる必要があることに注意してください。 テキスト入力フィールドは常にオーバーフローを隠すので、満足のいくものではありません(< - 控えめな表現)。 他のどのブラウザでも、単一行のテキストエリアは私が望むとおりに機能します。 私が欲しいのはユーザビリティの問題だということに私は強く反対します。 残念ながら、Firefoxでの動作方法はユーザビリティの問題です。

編集:私のFirefoxのインストールにバグがあることがわかりました。 :/

6 Answer


3


これは本当に古いことを私は知っていますが、私は同様の問題を抱えており、その過程であなたの質問に対する答えを見つけました。 Firefoxでjsfiddle(http://jsfiddle.net/z8btg/1/)で遊ぶと、垂直スクロールバーは上下の矢印グラフィックの両方を表示する余地がある場合にのみ表示されることがわかりました。 (小さいサイズ変更アイコンをクリックして、それを小さく/大きくします。)私にとって、スイートスポットは* 34 *ピクセルです。

私がやろうとしていること:テキストエリアがフォーカスされるまでテキストエリアを1行にする必要があり、それからそれをより大きな(ポップアウトスタイルの)テキストエリアに変更します。


2


_overflow_CSSプロパティを "scroll"に設定してみてください。 例えば:


*編集:*申し訳ありませんが、 `+ overflow-y:scroll +`にしてください。


1


テキストエリアに焦点を当て、リターンキーを押します。

ちなみに、これはかなりひどい考えのように思えます。


1


デザインにフィットするために必要なHTMLリンクを訪問者に提示するためにこのようなものを使用しました。

必要に応じて幅を設定します(%またはpx)。

クリックするとコピーがハイライトされます。


0


CSS(これは1行の高さの単位を意味します)でtextareaの高さを「+ 1em +」に設定し、行をより高い値に設定してみてください。


0


私はFirefox 2.0を使っています。 テキストエリアのスクロールバーは、テキストエリアの高さが32ピクセル(約2行のテキスト)になるまで表示されません。 高さがそれより小さい場合はスクロールバーが消えます - おそらく矢印アイコンを表示するための十分なスペースがないためです。