RadEditor inside PageView is not focusable in iOS

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 14 Jan 2025 16:24 by ADMIN

Release 2025 Q1 (Feb)

Don Leduc

Created on: 04 Apr 2019 13:29

Category: Editor

Type: Bug Report

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

2 comments

ADMIN

Rumen

Posted on: 14 Jan 2025 16:24

A possible solution is to configura RadEditor's content area to render as a DIV element by setting the ContentAreaMode property to div. There is yet another way to solve the issue by leveraging the RadEditor Mobile render mode, e.g. set RenderMode="Mobile".

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!

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.