Approved
Last Updated: 11 Apr 2019 08:09 by ADMIN
Don Leduc
Created on: 04 Apr 2019 13:29
Category: UI for ASP.NET AJAX
Type: Bug Report
0
RadEditor inside PageView is not focusable in iOS
I have a big problem here. I have the following code and this code is launched in RadWindow as well:

<telerik:RadTabStrip runat="server" ID="RadTabStrip2" MultiPageID="RadMultiPage2" SelectedIndex="0">
    <Tabs>
        <telerik:RadTab Text="Add Response"></telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage runat="server" ID="RadMultiPage2" SelectedIndex="0">
    <telerik:RadPageView runat="server" ID="RadPageView11">
 
            <telerik:RadEditor Width="100%" EditModes="Design" ID="reReqCom" runat="server"  ContentAreaCssFile="~/AppRoot/Xml/RadEditor/EditorContentArea.css"
                ToolsFile="~/AppRoot/Xml/RadEditor/BasicTools.xml" Skin="Material" />
 
    </telerik:RadPageView>
</telerik:RadMultiPage>

 
The problem here is only using the iPhone (ioS), that the user is NOT able to select onto the RadEditor to begin typing. Seems to somehow block it out. I have stripped down to the basic code above and tested.

Can you tell us if this is a known issue?

Is there a workaround?

 

Don
1 comment
ADMIN
Peter Milchev
Posted on: 11 Apr 2019 08:09
Hi Don,

I am afraid that this is an issue only observed on iOS, even in the Mobile Simulator of the Google Chrome DevTools.

After an investigation, it seems that the iframe does not have height, thus there is no way to focus it.

A possible workaround is setting the min-height for the content and Iframe wrapper as follows: 

<style>
    .t-safari .reContent,
    .t-safari .reIframeWrapperIOS {
        min-height: 100px !important;
        /* or set it to 100% */
        /*min-height: 100% !important;*/
    }
</style>

Regards,
Peter Milchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.