RAdEditor not responding to height and width, and overlapping

8 posts, 1 answers
  1. Andrew
    Andrew avatar
    11 posts
    Member since:
    Aug 2019

    Posted 10 Sep 2019 Link to this post

    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

  2. Justin
    Justin avatar
    2 posts
    Member since:
    Jul 2019

    Posted 10 Sep 2019 in reply to Andrew Link to this post

    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.

     

  3. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 11 Sep 2019 Link to this post

    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.
  4. Answer
    Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 12 Sep 2019 Link to this post

    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.
  5. Justin
    Justin avatar
    2 posts
    Member since:
    Jul 2019

    Posted 12 Sep 2019 in reply to Rumen Link to this post

    Thanks a ton! The ContentAreaMode="Div" worked for me.
  6. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 13 Sep 2019 Link to this post

    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.
  7. Andrew
    Andrew avatar
    11 posts
    Member since:
    Aug 2019

    Posted 13 Sep 2019 Link to this post

    Hi Rumen,

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

     

    Many Thanks

  8. Rumen
    Admin
    Rumen avatar
    14324 posts

    Posted 13 Sep 2019 Link to this post

    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.
Back to Top