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
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
Hi TimeBandit,
thanks for reporting your issue and coming with a fix, much appreciated!
It would be great if you could add this on our Development site so that the developers could review the code and consider adding it to CKEditor core. Just create a ticket with a simplified sample that uses jQuery, jQuery UI and whatever else is needed and makes it easy to reproduce. Thanks in advance!
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!