This is a migrated thread and some comments may be shown as answers.

Editor Inside Wizard Causes Extra Lines in FF w/ 2019 Builds

1 Answer 22 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 15 Mar 2019, 02:58 AM

Bug introduced in build 2019.1.115+ causes 3 extra <p>&nbsp;</p> when user presses Enter key in FireFox.  Happens when Editor is in a Wizard with more than one step.  Bug does not occur in builds prior to 2019.1.115.

Try this to reproduce:

 <telerik:RadWizard runat="server" ID="rwMain" BorderStyle="Solid" BorderColor="LightGray" BorderWidth="1px" RenderMode="Lightweight" DisplayNavigationButtons="True">
        <WizardSteps>
            <telerik:RadWizardStep ID="RadWizardStep2" Title="Content Template" StepType="Step">
                <h1>hello!</h1>
            </telerik:RadWizardStep>
            <telerik:RadWizardStep ID="RadWizardStep3" Title="Content Editor" StepType="Step">
                <telerik:RadEditor ID="ContentEditor" runat="server" RenderMode="Lightweight"></telerik:RadEditor>
            </telerik:RadWizardStep>
        </WizardSteps>
    </telerik:RadWizard>

Hope you can fix it. 
Thank you!!

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 19 Mar 2019, 09:06 AM
Hi Michael,

Thank you for reporting this problem! This is really appreciated!

I investigated the issue, fixed it and the fix will appear in the upcoming R2 2019 major release due in the beginning of May. It will be also featured in the Latest Internal Build due in 1-2 weeks.

I also logged the problem at the feedback portal -> Extra Lines on Enter key press in Firefox when RadEditor is placed in a not initially selected RadWizard step.

As a temporary solution for the current version you can apply the following code:

<script>
    Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.repaint = function () {
        if (Telerik.Web.Browser.ff && Telerik.Web.Browser.version >= 62) {
            var editor = this.get_editor();
            editor._disposeEvents();
            editor._contentAreaCommonInitialization();
        }
    }
</script>


Here is my test page:
<%@ Page Language="C#" AutoEventWireup="true" %>
 
<!DOCTYPE html>
 
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="Sc1" runat="server"></asp:ScriptManager>
        <telerik:RadWizard runat="server" ID="rwMain" BorderStyle="Solid" BorderColor="LightGray" BorderWidth="1px" RenderMode="Lightweight" DisplayNavigationButtons="True">
            <WizardSteps>
                <telerik:RadWizardStep ID="RadWizardStep2" Title="Content Template" StepType="Step">
                    <h1>hello!</h1>
                    <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight"></telerik:RadEditor>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep3" Title="Content Editor" StepType="Step">
                    <telerik:RadEditor ID="ContentEditor" runat="server" RenderMode="Lightweight"></telerik:RadEditor>
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>
        <script>
            Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.repaint = function () {
                if (Telerik.Web.Browser.ff && Telerik.Web.Browser.version >= 62) {
                    var editor = this.get_editor();
                    editor._disposeEvents();
                    editor._contentAreaCommonInitialization();
                }
            }
        </script>
    </form>
</body>
</html>

As a small token of gratitude 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.
Tags
Editor
Asked by
Michael
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or