radeditor material autoreziseheight issue

[Fit2Page]

When enabling AutoResizeHeight on Radeditor with Material skin the attached appears in PREVIEW mode.

 

Marc

[Fit2Page]

Done some more investigation.

 

When using only a RadEditor everything is OK.

It breaks in combination with the next object on the page:

 

<telerik:RadFormDecorator RenderMode="Lightweight" Skin="Material" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />

 

Marc

[Vessy]

Hi Marc,

I tried to replicate the described behavior but the Editor behaves as expected on my side. Can you elaborate a bit on the exact scenario in which the issue occurs?

• Which version of the controls are you using in your application?
• Do you have any custom styles set on the page holding the Editor? Does removing them make a difference?
• What is the Editor's configuration leading to the undesired result?

I am pasting below the configuration I have used for my tests. Are you able to reproduce the same problem with it?

<telerik:RadFormDecorator RenderMode="Lightweight" Skin="Material" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />

<telerik:RadEditor ID="RadEditor1" runat="server"  RenderMode="Lightweight" AutoResizeHeight="true">
    <ImageManager ViewPaths="~/Images" DeletePaths="~/Images" UploadPaths="~/Images" />
</telerik:RadEditor>

Regards,
Vessy
Telerik by Progress

[Fit2Page]

Hi Vessy, of course you should put some content in the editor to reproduce like:

 

<telerik:RadFormDecorator RenderMode="Lightweight" Skin="Material" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />
 
<telerik:RadEditor ID="RadEditor1" runat="server"  RenderMode="Lightweight" AutoResizeHeight="true">
    <ImageManager ViewPaths="~/Images" DeletePaths="~/Images" UploadPaths="~/Images" />
    <Content>

        a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
    </Content>
</telerik:RadEditor>

 

This occurs with no further CSS applied, no JS applied and in FF and Chrome, 2016.2.607.45.

Furthermore, when I try Edge I see the AutoResize function is creating way too much space in the editor.

 

Marc

[Vessy]

Hi Mark,

I tested the Editor with the given content, but I am still not able to replicate the problem: screenshot.

Can you answer the questions below, so we can ensure we are testing the control in one and the same environment?

• Are you using the latest version of the controls like stated in the ticket info (2016.2.607)?
• Does the problem appears in all browsers or only in a specific one? Which is its version?

Regards,
Vessy
Telerik by Progress

[Fit2Page]

Hi Vessy,

 

I created a sample project, I hope you can reproduce now.

I encounter the problem in Chrome, FF and Edge all latest versions.

Where can I upload my sample project ZIP?

 

Marc

[Fit2Page]

Some additional information to reproduce:

 

Open in DESIGN mode, then switch to HTML mode anf then switch to PREVIEW mode.

Marc

[Fit2Page]

It seems that a hidden textarea gets visible when switching between the modes as I described in my earlier posts.

We have created a workaroud through this CSS line:

 

 textarea.reTextArea.reTextAreaHidden {display:none!important}

Please give us your opinion.

marc

[Vessy]

Hi Marc,

Thank you for the provided additional information. We managed to reproduce the issue and logged it as a bug in our RadFormDecorator control, you can track its progress here:
http://feedback.telerik.com/Project/108/Feedback/Details/200867

Temporary you can workaround the issue by configuring the FormDecorator's ControlsToSkip property to "TextArea".

Your Telerik points also were updated accordingly.

As for the attaching of a project - the zip archives can be attached only in private support tickets, but not in the forums.

Regards,
Vessy
Telerik by Progress