IE textarea wrap bug?

Posted by user2227033 on Stack Overflow See other posts from Stack Overflow or by user2227033
Published on 2013-03-30T14:01:51Z Indexed on 2013/11/10 21:55 UTC
Read the original article Hit count: 199

Filed under:
|

It seems that IE starting from IE7 to IE10 wraps text in the textarea control incorrectly when using \n (or \r\n - doesn't matter - results are the same). Is this a bug in IE or they treat the html standard differently than other browsers - who is right? I have defined:

<textarea id="TextArea1" runat="server" style="width: 190px; height: 390px; white-space: normal; word-wrap: normal; overflow: scroll" ></textarea>

When I try to add long string like "VeryLongStringEndingWithNewLine\n" by using JavaScript code (obj.value += text;) the text is shown in one line with scroll (this is ok) but added with an additional empty line (\r\n) - why? When I try to add short string like "Short\n" multiple times, again via JavaScript code the text is on the same line (should be on the separate lines because normal wrapping should be applied). Moreover when I do postback then all \r\n's are replaced with spaces (why?) and then text parsed correctly (assuming if I used spaces instead of crlf normal wraping with space only wraps when does not fit in the area).

When using FF or Chrome same control behaves correctly - long lines are shown without an additional empty next line, short lines are on the different lines, no replacement with spaces when doing postback.

I know I could probably use other options or white space characters, but I feel that above is not correct about IE. Any comments?

Mindaugas

© Stack Overflow or respective owner

Related posts about textarea

Related posts about wrap