Hi
Rad editor content height just overlaps to main table height, see the attachment.
This happens when we use Preview mode only (works fine in Design mode) and my page header is having
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=EmulateIE7"
/>
Telerik version: 2015.1.401.45
Browser version: IE11
I will not be able to change the meta tag to Edge or IE9 as there are other components which depend on this.
The Radeditor declaration is like below
<
telerik:RadEditor
ID
=
"radEditor1"
Skin
=
"Web20"
runat
=
"server"
EditModes
=
"Preview"
ContentAreaMode
=
"Div"
Width
=
"780px"
Height
=
"300px"
AutoResizeHeight
=
"False"
StripFormattingOptions
=
"All"
EmptyMessage
=
"(No Active notes text)"
>
<
ContextMenus
>
<
telerik:EditorContextMenu
>
<
telerik:EditorTool
Name
=
"Copy"
/>
<
telerik:EditorTool
Name
=
"SelectAll"
/>
</
telerik:EditorContextMenu
>
</
ContextMenus
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorTool
Name
=
"Bold"
/>
<
telerik:EditorTool
Name
=
"Underline"
/>
<
telerik:EditorTool
Name
=
"Italic"
/>
<
telerik:EditorTool
Name
=
"AjaxSpellCheck"
/>
</
telerik:EditorToolGroup
>
</
Tools
>
</
telerik:RadEditor
>
One workaround would be to adjust the height using javascript like below
var
width = editor.get_element().style.width;
editor.setSize(width,
"300px"
);
editor.get_mainTable().style.height =
"210px"
;
But wanted to know do we have any other workaround for this? or this a known issue of RadEditor in version 2015?