【IE10】テキストエリア内の一行目で謎の折り返しが勝手に発生します

Question

ひらがなを連続で打った場合は問題ありません。
アルファベット、記号等を改行するまで連続で打った場合に上記のようになってしまうようです。

IEではこのようなバグがあるのでしょうか。解決策がありましたら是非ご教授お願い致します・

textarea {
word-break: break-all;
}

頂いたとおりこちらを指定してみましたがchromeでは直りました。
IEではかわらずの状態で、こちらの入力内容で伸ばし棒をコピペしていくと折り返してしましまいます。。。

textarea {
width: 100%;
height: 150px;
padding: 10px;
font-size: 12px;
font-size: 1.2rem;
resize: none;
overflow-x: hidden;
-webkit-appearance: none;
border: 1px solid #ececec;
word-break: break-all;
}

こちら現在の指定です

Comments

[turbgraphics200]

依頼内容削除

[arue]

ありがとうございます！今後の参考にさせて頂きます！

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[arue]

kei344さん　見ずらく申し訳ありません。ありがとうございます！

Answer 1

IE特有のものでもなく、そういう仕様です。（Windows Firefox/Chromeで再現）
デフォルトのCSSに word-break: break-word; が設定されているためなので、改行しないようにするのであれば word-break: break-all; を指定してください。

textarea {
    width: 100%;
    word-break: break-all;
}
```**動くサンプル：**[https://jsfiddle.net/843z6osc/](https://jsfiddle.net/843z6osc/)

Answer 2

IE 特有ではありません。Chrome でも折り返しに関して同じ挙動であることを確認しました。
単語の途中で折り返すようにするには CSS で次のように指定します。

textarea {
    word-break: break-all;
}
```![IE](719a584a28842eaec149409dff0c5eae.png)

Comments

[arue]

ご回答ありがとうございました！IEだけの現象でないことが分かりました。IEでそちらの指定で回収できませんでしたが妥協点として進めてまります。