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
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?
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.
2) Use lightweight rendering by setting the RenderMode to Lightweight. You can also apply it to all Telerik controls via the web.config:
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 for your prompt reply, the ContentAreaMode="Div" worked for me aswell.
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.