[Solved] RadEditor Height problem on Firefox browser.

[Nitin Hedau]

I have a RadEditor inside a RadDock. When ever I open the popup (RadDock) on clicking on the image button my RadEditor height increases and it overlaps on the controls below it (Please see the attached screenshot). And I have this problem on Firefox browser, on IE browser it is looking  absolutely fine.

The code for Radeditor is:

 

<telerik:RadEditor runat="server" ID="NotesRadEditorNew" EditModes="Design" BackColor="white" Height="100" Width="349" ContentFilters="RemoveScripts"

 

 

BorderColor="#D0D0D0" BorderStyle="Solid" BorderWidth="1">

 

 

<CssFiles>

 

 

<telerik:EditorCssFile Value="~/Skins/Custom/Editor.Custom.css" />

 

 

</CssFiles>

 

 

<Tools>

 

 

<telerik:EditorToolGroup>

 

 

<telerik:EditorTool Name="Bold" />

 

 

<telerik:EditorTool Name="Underline" />

 

 

<telerik:EditorTool Name="Italic" />

 

 

</telerik:EditorToolGroup>

 

 

<telerik:EditorToolGroup>

 

 

<telerik:EditorTool Name="FontName" />

 

 

<telerik:EditorTool Name="FontSize" />

 

 

</telerik:EditorToolGroup>

 

 

<telerik:EditorToolGroup>

 

 

<telerik:EditorTool Name="ForeColor" />

 

 

<telerik:EditorTool Name="BackColor" />

 

 

<telerik:EditorTool Name="InsertUnorderedList" />

 

 

</telerik:EditorToolGroup>

 

 

</Tools>

 

 

</telerik:RadEditor>

 

[Rumen]

Hi Nitin,

The Height problem is due to a well known issue / bug in the Mozilla / Gecko browsers, and not in RadEditor. The browser itself ignores setting any heights smaller than 150px to the IFRAME element.

Here is a small sample that shows the root of the problem:

<table style="height:80px;border:3px solid green">
    <tr style="height:100%">
        <td style="height:100%">
            <iframe style="border: 1px solid red; height:100%" src=""></iframe>
        </td>
    </tr>
</table>

To fix the problem you should increase the RadEditor size to at least 200px (without modules).

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.