RadEditor, RadTextbox not working correctly on ipad inside a frame

[Wayne]

Controls: RadEditor, RadTextBox. Version: 2012.3.1120.40

Device, o/s, browser. Ipad ios6 safari
Issue:
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


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

Frames
<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'>
 <noframes>

[Princy]

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

Thanks
Princy.

[Wayne]

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?

[Marin]

Hello,

 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" />
                </div>
            </div>
        </form>

Kind regards,
Marin
the Telerik team