Issues in Firefox

[Rajesh Venkataraman]

Hi,

I just got the latest version of the telerik controls for ASP.Net Ajax.(2010.2 929), and i am having few issues with firefox.

1.ResizeHeight : in FF, if i add a bunch of text and delete, the ResizeHeight does not resize the editor. In IE, it works fine.
2. Delete in FF, If i add a lot of text in the editor, and then do a ctrl-a to select all text and delete, it does not delete. The only way, i can delete the text is to click on the html tab and come back to the design tab OR inserting a space somewhere in the text
3. How do i make it so that i dont see the labels(text) on the Design,HTML,Preview buttons.
4. Initially, when the editor displays in FF, i see a list of bullets for a split second, and then it clears

Please help,
Thanks,
Raj

[Rumen]

Hi Raj,

Straight to the points:
1) Are you able to reproduce the problem in the live AutoResizeHeight demo? I tried to replicate it but without success. Could you please see my test in the following video and let me know what I am missing: http://screencast.com/t/2PlL0PiS?

Since the automatic height resize feature is not offered out-of-the box by the IFRAME element used for content area of RadEditor, its height resize depends on calculations that do not work well in all scenarios. That is why we provided a new content area mode based on an editable DIV element. The DIV element offers built-in the desired content area resizement and you will not experience any problems with it. Just set the ContentAreaMode property to "Div" and the AutoResizeHeight to true to enable this functionality.

2) You can see in the attached video above that I am able to delete the whole content by pressing Ctrl+A and Delete. Can you please reproduce the problem in the live demos and send a video demonstrating the problem? You can use the free Jing to record your screen.

3) You can use the following class to hide the Design, HTML and Preview modes buttons:

<style type="text/css">
    .reEditorModes a
    {
        width: 26px !important;
        overflow: hidden;
        border: solid 1px #ececec;
    }
    
    .reEditorModes a span
    {
        text-indent: -9999px;
    }
    
    a.reMode_selected
    {
        border: solid 1px #828282;
        background: none #cecece !important;
    }
    </style>

4) My suggestion is to upgrade to the latest version of Telerik.Web.UI.dll and your Firefox to version 3.6.10. If the problem still persists send a sample working project that demonstrates it.

Sincerely yours,
Rumen
the Telerik team