I am testing with an evaluation copy of Cute Editor.
Our implementation requires the page to be limited to a specific height. This enables content to scroll without the menu and top logo to scroll.
To implement this, the editor is placed inside a table and the table is enclosed in a <div> tag.
<div id="divContent" style="overflow:auto; height:430">
<table>
<tr>
<td>
<CE:Editor ID="Editor1" runat="server" FilesPath="~/Tools/CuteSoft_Client/CuteEditor" AutoConfigure="Full_noform">
</CE:Editor>
</td>
</tr>
<table>
</div>
The problem is that when you click on any dropdown on the Cute Editor(eg. Size), the list of items do not appear directly under the dropdown component. They list of font sizes appears lower down and to the right of of the actual dropdown that was selected.
This happens only when the style is applied to the div.
Is there any way to ensure that the dropdown and its contents are always linked?