RadTextBox MultiLine & IE11

[John]

We are using 2012 Q3 SP2.  

The problem I am seeing is that a RadText box that is multiline and disabled displays the text on a single line  with a horizontal scrollbar in IE11.  Is this fixed in a later version of the Telerik Controls?  It does work correctly with IE9, showing several lines of text with no horizontal scrollbar.

[Deyan Enchev]

Hello,

Thank you for reporting us this issue.
Currently, we are working on the known problems related to IE11 and will include the fixes in our upcoming release. RadControls will support officially IE11 from Q3 2013 SP1 release.

Regards,

Deyan Enchev
Telerik

[Eric]

As something been done for that in 2013 SP1? I have 2013 SP1 and the problem is still there.

[Deyan Enchev]

Hello Eric,

This problem is fixed in our 2013 Q3 SP1. Attached you can find a video file that I have recorded against a simple webpage. I am requesting this page from a Windows 8.1 machine that has IE11 browser.

In addition you can verify that this issue no longer replicates on our online demo Input – First Look.

Still if you experience this issue at your side could you send us small runnable project which we can further examine. This will let us get back to you with more straight to the point answers.

Regards,
Deyan Enchev
Telerik

[Eric]

Thank you it's working. My mistake.

[Eric]

In fact it now goes automatically to the next line but I can't go to a new line by pressing return anymore. It just add a space to my text.

[Owen]

The online demo works because there is a separate input.css file that sets the .RadInput textarea CSS rule with a white-space: normal. I'm guessing this is what should be in my Webresource.axd. Why does my release not contain that attribute?

I am using Telerik RadControls for ASP.NET Ajax Q3 2013 version 2013.3.1015.40

Input.css on your live demo:

.RadInput textarea {
    vertical-align: bottom;
    overflow: auto;
    resize: none;
    white-space: normal;
}

Telerik.Web.UI Webresource.axd css rule:

.RadInput textarea {
    vertical-align: bottom;
    overflow: auto;
    resize: none;
}

My RadTextBox code:

<telerik:RadTextBox ID="OrderComment" runat="server" TextMode="MultiLine" MaxLength="2000" Width="470px" Height="250px" Resize="None" BackColor="#FFF9BD" />

Regards,
Owen

[Cradz]

.RadInput textarea {
    white-space: pre !important;
}

CSS above fixed all issues for me even though I have the latest version and I do see the white-space: normal css.

[Owen]

Well played. I get in after the weekend and there is an updated RadControls for AJAX Q3 2013 version 2013.3.1114.40 waiting to be downloaded. Now, white-space: normal is included in the WebResource.axd.

Thanks for the update, Telerik.

Regards,
Owen

EDIT: As described below by Shane, white-space:pre is required instead of white-space:normal as white-space:normal does not allow carriage returns in the multiline window. Thank you for the fix, Shane!

[Tom O]

Another issue, that is also visible in the First Look demo - The enter button is not inserting carriage returns like it did in previous versions. It works fine in Chrome/Firefox.

It is saving correctly, but not displaying correctly before or after the save.

Do you have an ETA on a fix or temporary solution?

[Shane Clay]

Tom,

Adding the following CSS works as a temporary solution:

.RadInput textarea { white-space: pre !important; } /* FIX - Enter key acting as a space in RadTextBox with MultiLine=True*/

[Tom O]

thanks, that worked

[Deyan Enchev]

Hi,

Our dev team provided a fix for this issue and the fix is part of our latest internal build. You can just download it from our site while logged in with your account or use the CSS below as a workaround.

Login to your account in our site and go to Products & Subscriptions –> Latest internal builds –> Select a product from the drop down (RadControls for ASP.NET AJAX). In the section of Available Downloads you should be able to see the latest one: Telerik.Web.UI_2013_3_1126_Dev_hotfix


Regards,
Deyan Enchev
Telerik

[access]

Thanks.Its working.

[mohd]

Hi All,

I have a textbox and mode as multiple line, When I am trying to add the text in my textbox field its keep adding in one line but its not wrapping.

Its working for me in Mozilla firefox and chrome but when I tried on IE 11 it’s all on one line and you have to click in the field and arrow across or scroll across to read everything.

 

Below is the aspx code which I am currently using for the textbox and am using version 2012.3.1308.3 , kindly update me if do we have any property which fix this issue in IE 11.

 

<tr>

                                <td align="left" valign="middle" class="panelStyle1">
                                    Comments:
                                </td>
                                <td align="left" valign="middle" class="panelStyle1">
                                   <radI:RadTextBox ID="txtComments" runat="server" tabIndex="7" Width="400px" Height="80px" Skin="SunSet" TextMode="MultiLine" MaxLength="250"  Font-Names="segoe ui" Font-Size="12px" BorderColor= "#938879" BorderWidth="1px" FocusedStyle-BackColor="LightYellow" >
                                    <ClientEvents OnKeyPress="textMaxLength" />
                                    </radI:RadTextBox></td>
                            </tr>

 

 

Thank you !

[Deyan Enchev]

Hello,

Could you please verify that you are using our latest release?
I have tested the markup provided using it and was not able to find any issues with the content wrapping.

Thanks.

Regards,
Deyan Enchev
Telerik

[mohd]

Hi Deyan,

 

Thanks for your reply, I have fixed the below issue with this code ..

 

  <tr>
                                <td align="left" valign="middle" class="panelStyle1">
                                    Comments:
                                </td>
                                <td align="left" valign="middle" class="panelStyle1">
                                   <radI:RadTextBox ID="txtComments" runat="server" tabIndex="7" Width="400px" Height="80px" Skin="SunSet"
                                    TextMode="MultiLine" MaxLength="250"  Font-Names="segoe ui" Font-Size="12px" BorderColor= "#938879" BorderWidth="1px" 
                                    FocusedStyle-BackColor="LightYellow" style="white-space: normal !important;">
                                    <ClientEvents OnKeyPress="textMaxLength" />
                                    </radI:RadTextBox></td>
                            </tr>

 

Thanks for your help

 

Moiz.

[Raj]

.RadInput textarea {
    vertical-align: bottom;
    overflow: auto;    
    white-space: normal;
}

 

This fixes the issue in IE11

[Maria Ilieva]

Hi,

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

Regards,
Maria Ilieva
Telerik