Editor growing with each keystroke when autoresizeheight=true

2 posts, 0 answers
  1. genesplitter
    genesplitter avatar
    25 posts
    Member since:
    Nov 2006

    Posted 21 Jun 2012 Link to this post

    If you have a css attribute of 

    body { height: 100% }

    then the RadEditor will grow with each keypress if you set AutoResizeHeight=true. I put this in my page header as a temp fix:

    body { height: auto !important; }

    I'd prefer to be more selective than the entire body and I've tried .RadEditor and iframe, as well as a few other css selectors. Is there a better selector or an alternate fix.

    Note that this issue is in Firefox 13. Internet Explorer 9 does not have this problem. Q3 2011 SP1 version of ASP.NET Ajax.
  2. Rumen
    Rumen avatar
    14459 posts

    Posted 26 Jun 2012 Link to this post


    If the body { height: 100% } class is defined or imported in the page with RadEditor, just set the CssFiles property to point to an empty css file and the editor will not pick up the page styles. Therefore the body class will be not applied to the body of the editable iframe content area and will not break the AutorResizeHeight feature. You can find more information in this help article: Content Area Appearance Problems.

    If the body { height: 100% } is defined in the content of RadEditor, my recommendation is to remove it since it breaks the calculations of the AutorResizeHeight feature.

    Best regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top