RadEditor, RadTextbox not working correctly on ipad inside a frame

4 posts, 0 answers
  1. Wayne
    Wayne avatar
    5 posts
    Member since:
    Nov 2012

    Posted 20 Feb 2013 Link to this post

    Controls: RadEditor, RadTextBox. Version: 2012.3.1120.40

    Device, o/s, browser. Ipad ios6 safari
    Using these controls:
    -Enter some text 'hello world', press and hold for magnifying glass, move between words. Typing more text at this point doesn't work, you need to hide the keyboard and press the control again to start typing again.
    -Tap a word. wait for pop up to select word then Select word. same issue again.
    -Entering text just into the RadEditor appears quite slow in response

    <telerik:RadEditor runat='server' EnableResize="false" ToolsFile="~/ToolsFile.xml"
       OnClientCommandExecuting="RichTextBoxOnClientCommandExecuting" ContentAreaMode="Div"
       ID='radEditor' Width="400px" StripFormattingOptions="AllExceptNewLines" EditModes="All">

    <frameset cols = '100,*,100' id="DashboardFrame" >
        <frame name='left' scrolling='auto' id='DashboardFrameLeft' src='MenuJobSteps.asp' width='0'>
        <frame name='middle' scrolling='auto'  id='DashboardFrameMiddle' src='Test.aspx?JobId=79974' width='0' >
        <frame name='right' scrolling='auto' id='DashboardFrameRight' src='TitlePage.asp' width='0'>
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 20 Feb 2013 Link to this post

    Hi Wayne

    The content area of RadEditor is an editable IFRAME which uses the Rich Text Editing engine of the browser to edit content. Unfortunately the Safari browser used in iPad does not offer a rich text editing engine as the Safari browser used in iPhone.
    Please, see this KB article for more information Support for iPhone / iPad browser
    Hope this helps

  3. DevCraft R3 2016 release webinar banner
  4. Wayne
    Wayne avatar
    5 posts
    Member since:
    Nov 2012

    Posted 20 Feb 2013 Link to this post

    So even though i'm using ContentAreaMode="Div" instead of iframe and even though the control does work when it is not nested insided the frameset frame this workaround you have provided is the only way to go for now. Is that what you are saying?
  5. Marin
    Marin avatar
    1038 posts

    Posted 25 Feb 2013 Link to this post


     Yes, this is a know issue. But it currently proves to be a limitation of the Mobile Safari browser with iframe and scrollable container. It can be replicated even without Telerik controls:

    <form id="form2" runat="server">
                <div style="height: 100px; border: 2px solid black; overflow:auto">
                    <div style="padding-top: 200px;">
                        <input type="text" id="txt1" value="Ttttttttttttttt" />

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top