Editor width is not re-sizing properly

[Balaji]

I noticed that if you enlarge the width of the box and then release your mouse button, you cannot reduce the width of the box to less than what it was when you released the button previously.

Any suggestions would be great!

Thanks,
Bala

[Danail Vasilev]

Hi Bala,

I wasn't able to reproduce the mentioned issue with the overview demo of RadEditor (a short video test is attached as a reference). Can you please watch this video and then tell me if I am missing something?

Can you also provide us with the problematic piece of code that reproduce the problem, so that I can investigate it further?

Regards,
Danail Vasilev
Telerik

 

 

[Balaji]

Hi Danail,

Thank you for the quick response. I 'am using only 'Design' mode and using css to display the 'Resize' option. Below is the code.

    <telerik:RadEditor runat="server" ID="radComment" Height="150px" Width="225px" EditModes="Design"
                                                OnClientLoad="OnClientLoad" EnableResize="True" >
                                                <Tools>
                                                    <telerik:EditorToolGroup>
                                                        <telerik:EditorTool Name="Bold"></telerik:EditorTool>
                                                        <telerik:EditorTool Name="Italic"></telerik:EditorTool>
                                                        <telerik:EditorTool Name="Underline"></telerik:EditorTool>
                                                        <telerik:EditorTool Name="InsertUnorderedList"></telerik:EditorTool>
                                                        <telerik:EditorTool Name="InsertOrderedList"></telerik:EditorTool>
                                                    </telerik:EditorToolGroup>
                                                </Tools>
                                            </telerik:RadEditor>

Javascript Function:

function OnClientLoad(editor, args) {
        var style = editor.get_contentArea().style;
        style.backgroundColor = "white";
        style.color = "black";
        style.fontFamily = "Arial";
        style.fontSize = 12 + "px";
    }

CSS Class:

.reToolZone table tr
    {
        display: table-row !important;
    }


And the 'Resize' option shows up on the right side bottom. When i resize the editor to the right side and release the mouse and try to resize to the left side (original size), then the editor is not resizing. But if i 'am not releasing the mouse first time, then the editor works fine. The problem is occurring when i release the mouse first time.

And also the 'Editor' is placed inside the html table panel in the user control(.ascx page). Please let me know if you need further information and appreciate your help on this. Thanks.

Thanks,
Bala

[Danail Vasilev]

Hello Bala,

I am still unable to reproduce the issue with the resizing. You can find the short video test attached. I can suggest that you try the following steps:
    - If you are not using latest Telerik UI version - 2014.3.1209, does upgrading to it helps?
    - Are there any JavaScript errors on your page? If there are such errors they must be found and fixed.
   
If the above steps, however, do not help can you please try to reproduce the issue with the attached example and then send it back to us, so that we can proceed further with the investigation? Can you also tell us whether the problem is a browser specific and if so which is the browser and its version?

Regards,
Danail Vasilev
Telerik