Internet Explorer 11 word wrap is not working

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.


add CSS

 {width: 100%} 

this will wrap the text to its tag


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

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


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

{ word-break: break-all; }