RadEditor's content area scrollbar is not visible in Design and Preview mode in FireFox

[Joanna LaForte]

We have an application that uses a RadEditor on a RadWindow to allow our users to edit HTML content, which works perfectly in IE (versions 7 and above tested) but not Firefox (various 3.x versions tested).  In IE, if the content extends beyond the viewable RadEditor content area in any of the 3 modes (Design, HTML, or Preview), a vertical scrollbar appears.  In FF, if the content extends beyond the viewable RadEditor content area, a vertical scrollbar appears in HTML mode but not in Design or Preview mode.  Any thoughts on why this might happen and how to correct it?  Please see the attached images to see the different views in FF and how they appear versus the screenshot of the same popup window in IE.

[Rumen]

Hello Joanna,


The problem could be related to some global CSS style, e.g.

<style type="text/css">
 body { overflow:hidden !important; }
</style>

that is hiding the scrollbar of the editable iframe element in Design and Preview mode.

You can try to fix the problem by setting the CssFiles property to point to an empty css file. See this article for more information: Content Area Appearance Problems.

If you unable to solve the problem on your side, please, provide a live URL to the problematic page or isolate the issue in a sample working project and send it for examination.

Sincerely yours,
Rumen
the Telerik team

[Stephen]

Was having the same issue and fixed it by adding:

iframe

{overflow-x: hidden;overflow-y: scroll;}

iframe

{overflow-x: hidden;overflow-y: scroll;}

iframe {overflow-x: hidden; overflow-y: scroll;}
in EditorOverride.css in Providers

[Praveen]

I have same problem..unable to see vertical scroll bar due to page level CSS

<style type="text/css">
html { overflow:hidden; }
</style>

 

I can remove page level css but i want vertical scroll in radeditor. please help