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

4 posts, 0 answers
  1. Craig
    Craig avatar
    10 posts
    Member since:
    Jan 2015

    Posted 14 May 2015 Link to this post

    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>

     

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 19 May 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Raj
    Raj avatar
    2 posts
    Member since:
    Mar 2016

    Posted 29 Mar in reply to Craig Link to this post

    <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

  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 01 Apr Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top