2009-08-15 11 views
6

空白属性のあるtextareaでenterを押すと、cssでnowrapに設定されているので、無効です。新しい行は作成されません。簡単な空白が表示されたら表示されます。 これはIE8でのみ当てはまります。 Opera、Chrome、Firefoxの最新バージョンを試してみましたが、このような問題は発生していません。 これにはいくつか解決策がありますか?Internet Explorer 8のtextareaでenterが機能しない

おかげで..

私はこれを持っている:

GWT-のTextAreaのテキストエリアを設定します
.gwt-TextArea 
{ 
white-space:nowrap; 
} 

また、私は同じ結果を与えるようで

.gwt-TextArea 
    { 
    white-space:pre; 
    } 

を試してみました。

+0

FML、ここでも同じ問題です。 – cen

答えて

5

This articleは、Internet Explorerが改行を無視すると言います(with white-space: nowrap)。

修正内容はwhite-space: preです。それはあなたの望む行動を得ますか?

+0

いいえ、同じです。 – Aftershock

0

利用可能なオプション(ここで見つかった:Quirksmode.org)を、次のとおり

  • 正常NOWRAP、IE5.5 +
  • プリ、IE6 +
  • プリラインIE8
  • プレラップIE8

white-space: normal(私はドン '実験に使用するIEを持っていますが、abに状態を変更することができれば、デフォルトでnormalが利用可能であると想像します。


OPのコメント/レスポンスに関して編集されました。

doctypeを使用していますか? (私は<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">を使用することをお勧めします)

あなたがデモページへのリンクを投稿する可能性はありますか?または、(x)htmlとcssを投稿して、CSSの適用を妨げているスタイルオーバーライドやタイプミスがあるかどうかを確認してください。

+1

pre-lineはOKではありません。スペースやタブは保持されません。私は前もって試してみました、うまくいきません。ノーマルはラップされたモードで、どちらも役に立たなかった。私はquirksmode.orgを見ました。 IE8はpreとnowrapに関して完全に互換性があると主張しています。それは私にはそう思わない。少なくともテキストエリア用。 – Aftershock

1

CSSソリューションが必要ですか?そうでなければ、textareaの属性wrap = "off"を割り当てることができます。

+0

IE9とChrome 13の間に一貫性のない動作がありました。属性wrap = "off"を設定すると、両方のブラウザで同じように動作しました。 – jwatts1980

5

解決方法は、残念ながらthis-
です。white-spaceの値がpre以外の場合は、この問題が発生します。
Internet Explorer 8の場合、の値がpre-wrap以外の場合、この問題が発生します。

私はInternet Explorer 9を試していません。
この場合も、(doctypeと)が<textarea>の空白のページを作成して開き、F12を押します。コンソール([スクリプト]タブ)で​​と入力し、<textarea>white-spaceプロパティの値として出力内に表示されている値をそのまま使用します。

更新

私は、Internet Explorer 7モード以来、エミュレーションモードでのInternet Explorer 11を試してみました、それが(この問題を起こすwhite-space: nowrap意味、唯一white-space: normalと)Quirksモードでクロームのように振る舞います。 私はそれらが(意図せずに)ほとんどのエミュレーションモードにいくつかの修正をバックポートしたと思います。

+0

明白に 'white-space'値を' normal'に設定したとしても、この問題はInternet Explorer 11に残っています。 – wangkaibule

+0

@wangkaibule - あなたが 'normal'または' nowrap'に設定すると、Chromeは新しい行を無視します。私はこれが設計によるものだと思う。 Internet Explorer 11では残りの部分が修正されました。 Internet Explorer 11に関するデータを使用して回答を更新しました。 – PhistucK

関連する問題