The editor commands do not work when the editor is initially hidden in IE11

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: 10 Apr 2019 15:23 by ADMIN

Dennis

Created on: 26 Mar 2019 09:22

Category: Editor

Type: Bug Report

The editor commands do not work when the editor is initially hidden in IE11

After upgrading the Telerik controls to v2019.1.115.45 we are seeing an issue with the RadEditor control. The issue is that the Toolbar formatting buttons like Bold, Underline etc. do not work for a particular scenario.

Scenario

We have 2 tabs - Tab1 and Tab2. Tab1 is the default selected tab. Tab2 contains the RadEditor control. When the page loads, Tab1 is displayed/selected. We then go to Tab2 and click on the Toolbar to format the text. We click on buttons like Bold, Italic etc. but they do not work. Please refer to the files in the attached zip to see the issue.

<telerik:RadTabStrip runat="server" MultiPageID="MultiPage1" CausesValidation="false" SelectedIndex="1">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1" Value="Tab1" PageViewID="Tab1" Selected="true" />

<telerik:RadTab runat="server" Text="Tab2" Value="Tab2" PageViewID="Tab2" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="MultiPage1" runat="server">

<telerik:RadPageView ID="Tab1" runat="server" Selected="true">

TAB 1

</telerik:RadPageView>

<telerik:RadPageView ID="Tab2" runat="server">

<telerik:RadEditor Width="100%" ID="ERichTextBox1" Enabled="true" runat="server" ContentAreaMode="Div" NewLineMode="Br">

</telerik:RadEditor>

</telerik:RadPageView>

</telerik:RadMultiPage>

2 comments

ADMIN

Rumen

Posted on: 10 Apr 2019 15:23

Hi everyone,

The problem is fixed in Latest Internal Build 2019.1.409. Please download it from https://www.telerik.com/account/product-download?product=RCAJAX and give it a try.

Regards,
Rumen
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.

ADMIN

Rumen

Posted on: 26 Mar 2019 09:25

Hi Dennis,

Thank you for pointing out this problem.

I logged it and it won't exist in R2 2019, expected in the beginning of May.

For the older versions you can use the following solution:

Solution

<script>

function OnClientTabSelected(sender, eventArgs) {

var tab = eventArgs.get_tab();

if ((Telerik.Web.Browser.ie && Telerik.Web.Browser.fullVersion == "11.0") && tab.get_text() == "Tab2") {

var editor = $find("<%=ERichTextBox1.ClientID%>");

editor._contentAreaCommonInitialization();

}

</script>

<telerik:RadTabStrip runat="server" MultiPageID="MultiPage1" CausesValidation="false" SelectedIndex="1" OnClientTabSelected="OnClientTabSelected">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1" Value="Tab1" PageViewID="Tab1" Selected="true" />

<telerik:RadTab runat="server" Text="Tab2" Value="Tab2" PageViewID="Tab2" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="MultiPage1" runat="server">

<telerik:RadPageView ID="Tab1" runat="server" Selected="true">

TAB 1

</telerik:RadPageView>

<telerik:RadPageView ID="Tab2" runat="server">

<telerik:RadEditor Width="100%" ID="ERichTextBox1" Enabled="true" runat="server" ContentAreaMode="Div" NewLineMode="Br">

</telerik:RadEditor>

</telerik:RadPageView>

</telerik:RadMultiPage>

As a small token of gratitude for the feedback, I updated your Telerik points.

Best regards,
Rumen
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.