RadTextBox in MultiLine mode Wrap="true" property doesn't work in IE

[Craig]

Hi,

 I am using the telerik controls version: 2012.1.411.40  Runtime Version: v4.0.30319. I am laying out a very simple RadTextBox where TextMode="Multiline" as shown in the codes sample below. For some reason, only in IE 11, IE 10, and IE 9 (works in IE 8, Chrome and Firefox) the Wrap="True" is completely ignored. Instead IE is attaching a horizontal scroll bar every time. Any ideas how to correct this? I've attached some images of the rendering in IE 11. I've also attached the CSS code block in case the CSS is causing an issue, but I can't see how, it's very minimal.

 

CSS in case it helps
.DetailsLabel {
    width:117px;
    display: inline-block;
}
.right-column-controls{
    width: 418px;
    display:inline-block;
    vertical-align:top;
}
.right-column-item {
    padding-top: 20px;
    width:400px;
}

<div class="right-column-item">
   <asp:Label ID="lblBoundaryDescriptionLabel" runat="server" CssClass="DetailsLabel">Boundary Description:</asp:Label>           <telerik:RadTextBox ID="rtxtBoundaryDescription"  TextMode="MultiLine" MaxLength="1000" Wrap="True" Columns="18" Rows="5" runat="server" Enabled="false" />
</div>

 

[Maria Ilieva]

Hello Craig,

The presented issue has been a bug in older version of RadTextBox control which expectedly are not tested in newer browsers released after the control's release date (IE 11 for example). I would suggest you to upgrade you application to the latest official release and test the same scenario on your side.

Regards,
Maria Ilieva
Telerik

[Raj]

<style type="text/css">
.RadInput textarea {
vertical-align: bottom;
overflow: auto;
resize: none;
white-space: normal;
}
</style>

Use the above style to fix the issue in IE 11

[Maria Ilieva]

Hi Raj,

Thank you for your input. I'm sure the provide approaches will be helpful for other members of the community.

Regards,
Maria Ilieva
Telerik