I have a form with a ckedit_3.x <textarea> inside a <div> container where the <div> is dragable by a jQuery-UI function.
This works very well together except when the ckeditor resize is used. When clicking on the resize symbol the mousedown event is propagating (after the resize is done) to the jQuery-UI-dragable handler but the mouseup event is not. Once you use the ckedit resize, then the <div> follows the mouse around forever and the only way out is to reload the page.
It seems that after a resize the ckedit function should kill the propagation of the mouse down event. Or, maybe there is some other name space thing happening -- naw that can't happen can it?
This works very well together except when the ckeditor resize is used. When clicking on the resize symbol the mousedown event is propagating (after the resize is done) to the jQuery-UI-dragable handler but the mouseup event is not. Once you use the ckedit resize, then the <div> follows the mouse around forever and the only way out is to reload the page.
It seems that after a resize the ckedit function should kill the propagation of the mouse down event. Or, maybe there is some other name space thing happening -- naw that can't happen can it?
Re: Resize interacting with jQuery-UI dragable
$('#cke_bottom_comsEditText .cke_resizer').live('mouseleave',function(){ $('#coms-edit').mouseup(); });This forces a mousup event when there is a mouseleave event from the .cke_resizer element. It confirms the theory that the ckeditor is suppressing the mouseup but not the mousedown.
Re: Resize interacting with jQuery-UI dragable
Development
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!