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

RAdEditor not responding to height and width, and overlapping

7 Answers 150 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Andrew asked on 10 Sep 2019, 01:09 PM

Hi Team,

 

I'm experiencing some issues with the RadEditor, it is not responding to the height and width value and it is overlapping the editor below, Please see attached image.

When debugging,using the browser inspect, if the height is unchecked, it resizes accordingly and displays properly, but there is no inline- height specified on the editor, I have only Web20 skin as the style on the editor, no other style, but by the default it keeps adding height and width with value on it and I don't know how its generating the values or where it is specified.

 

Thanks in advance

7 Answers, 1 is accepted

Sort by
0
Justin
Top achievements
Rank 1
answered on 10 Sep 2019, 10:18 PM

I am also seeing the same issue with my radeditor using the web20 skin. Looks like the issue may have started last week. Any help with this would be greatly appreciated.

 

0
Rumen
Telerik team
answered on 11 Sep 2019, 03:43 PM
Hi guys,

This is a browser regressions introduced with the latest version of Chrome.

Can you set the RenderMode property to Lightweight, which should solve it?

Another thing to test is setting ContentAreaMode="Div".

If the problem still persists test with the latest Chrome Update and RadEditor version 2019.2.514.

Check also the live demo where you can change the render mode - https://demos.telerik.com/aspnet-ajax/editor/examples/rendermodes/defaultcs.aspx. Are you able to reproduce the appearance issue here?

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.
0
Accepted
Rumen
Telerik team
answered on 12 Sep 2019, 08:08 AM
Hi folks,

Here is an update on the issue:

The possible approaches to fix it are:

1) Switch the content area to Div since the problem is applicable to iframe in a table only, e.g.

<telerik:RadEditor runat="server" ContentAreaMode="Div" />

or

2) Use lightweight rendering by setting the RenderMode to Lightweight. You can also apply it to all Telerik controls via the web.config:

<appSettings>
    <add key="Telerik.Web.UI.RenderModevalue="lightweight/>
</appSettings>

or 

3) Upgrade to Q3 2013 - 2013.3.1015 or a later version, since the problem is not reproducible with them.

Please test the proposed variants and let me know how it goes.

Thank you!

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.
0
Justin
Top achievements
Rank 1
answered on 12 Sep 2019, 10:31 PM
Thanks a ton! The ContentAreaMode="Div" worked for me.
0
Rumen
Telerik team
answered on 13 Sep 2019, 05:14 AM
You are welcome, Justin! 

Please let me know if you find anything else!

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.
0
Andrew
Top achievements
Rank 1
answered on 13 Sep 2019, 08:14 AM

Hi Rumen,

Thank you for your prompt reply, the  ContentAreaMode="Div"  worked for me aswell.

 

Many Thanks

0
Rumen
Telerik team
answered on 13 Sep 2019, 12:04 PM
Hi folks,

I am bringing good news from the chromium bug portal that this issue was recognized as Chrome 76 regression. Therefore it will be fixed in the upcoming Chrome release.

For more information please check this item: https://bugs.chromium.org/p/chromium/issues/detail?id=1001083.

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
Andrew
Top achievements
Rank 1
Answers by
Justin
Top achievements
Rank 1
Rumen
Telerik team
Andrew
Top achievements
Rank 1
Share this question
or