Internet Explorer 11 word wrap is not working

Question

It seems that word wrapping no longer works for textarea elements in IE 11. In IE 10 and earlier, FF, Safari, and Chrome word wrapping works as expected.

IE 11 is no

Answer 1

In order to ensure that the answer is obvious to people visiting this question in the future: the OP (wesley) answered the question himself in the comments beneath the question:

The cause of the problem is that Internet Explorer 11 makes textarea elements inherit whatever white-space property is applied to the direct parent.

The resolution is to apply white-space: pre-wrap to the textarea, as identified by Jean-François Beauchamp.

Answer 2

add CSS

 {width: 100%} 

this will wrap the text to its tag

Answer 3

I faced a similar issue for a drop-down on IE (11.431.16299.0)and I fixed by applying both below style

white-space:pre-wrap;
word-break:break-all;

Answer 4

I got here for a different problem where word-wrap wasn't working on IE11;

The {width: 100%} solution did work for me.

Answer 5

I had a similar issue and solved it by changing the word-wrap styling to word-break styling:

{ word-break: break-all; }

Answer 6

Note that IE11, in compatibility mode, will not wrap lines correctly. To get at it, click Alt, Tools, Internet Options, Security, Local intranet, Sites, Advanced. See what is in that list.