Cyprich.com

Occasionally Relevant Insights from a Software Builder

By

How to Fix Multiline TextBox Word Wrap in Edge / IE 11

Internet Explorer 11 and Edge work in a different way with fixed width text boxes (see examples below) than previous versions earlier than 11. IE 11 and Edge inherits the white-space property from its parent. So, if text overflows in these browsers, it won’t wrap in the box.

HTML:

     <textarea rows="4" cols="50">Lots of text ...</textarea>

ASP.NET:

     <asp:TextBox ID="TextBox_Address" runat="server" Rows="5" TextMode="MultiLine"></asp:TextBox>

This can be fixed by applying the following CSS to the text box:

     white-space: pre-wrap

Now overflowing text will wrap in the box in all IE and Edge versions.

Leave a Reply

Your email address will not be published. Required fields are marked *