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

Editor growing with each keystroke when autoresizeheight=true

1 Answer 49 Views
Editor
This is a migrated thread and some comments may be shown as answers.
genesplitter
Top achievements
Rank 2
genesplitter asked on 21 Jun 2012, 07:58 PM
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.

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 26 Jun 2012, 12:54 PM
Hello,

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,
Rumen
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.
Tags
Editor
Asked by
genesplitter
Top achievements
Rank 2
Answers by
Rumen
Telerik team
Share this question
or