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

4 posts, 0 answers
  1. Joanna LaForte
    Joanna LaForte avatar
    4 posts
    Member since:
    Jul 2009

    Posted 02 Nov 2010 Link to this post

    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.
  2. Rumen
    Rumen avatar
    14460 posts

    Posted 03 Nov 2010 Link to this post

    Hello Joanna,

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

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

    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,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Stephen
    Stephen avatar
    1 posts
    Member since:
    Dec 2010

    Posted 06 Dec 2010 Link to this post

    Was having the same issue and fixed it by adding:
    {overflow-x: hidden;overflow-y: scroll;}
    {overflow-x: hidden;overflow-y: scroll;}
    iframe {overflow-x: hidden; overflow-y: scroll;}
    in EditorOverride.css in Providers
  4. Praveen
    Praveen avatar
    34 posts
    Member since:
    Apr 2009

    Posted 13 Jun 2015 Link to this post

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

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


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

Back to Top