Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#8381 closed bug (patcheswelcome)

jQuery UI Show/Hide CKEditor

Reported by: msegedi Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.effects.core Version: 1.8.20
Keywords: Cc:
Blocked by: Blocking:

Description

I have a corresponding forum post for this issue which went unanswered which made me believe this is likely a jQuery UI bug (http://forum.jquery.com/topic/jquery-ui-show-hide-ckeditor). Although I reference CKEditor, I've tested this with another popular WYSIWYG editor (TinyMCE) which has the same problem. This suggests the problem isn't specific to CKEditor. Here are the details:

I've been trying to use jQuery UI to show/hide with visual effects a div that contains an instance of ckeditor. Unfortunately, once the show or hide commands fire, the ckeditor instance value is cleared out and it is no longer editable (it looks and acts as if it's completely disabled). I'm not sure if this may have to do with either textareas and/or iframes, but those are two the of pieces that it looks like ckeditor uses. I've attached an example that demonstrates the problem. I apologize for flagging this as a problem if it is just me doing something stupid, but everything seems straightforward on my part.

And here is a jsFiddle link with the test case set up: http://jsfiddle.net/RejyT/

Change History (4)

comment:1 Changed 7 years ago by Scott González

Resolution: patcheswelcome
Status: newclosed

CKEditor instances clear their values whenever they're moved in the DOM, which almost all effects due (they generate a wrapper). I've added a third button to show this: http://jsfiddle.net/RejyT/1/

I'm closing as patcheswelcome, but we do have an idea for how we can potentially fix this using CSS clipping.

comment:2 Changed 7 years ago by msegedi

Thanks for the quick response on this, I apologize for reposting here but didn't have much of a choice after the lack of response in the forums. In reading your response, it looks like I will need to find some other way to handle visual effects on elements that contain instances of CKEditor? Do you happen to have any ideas that you could point me in the direction of? Thanks in advance!

comment:3 Changed 7 years ago by Scott González

You should be able to use the effects that are built into jQuery core, but they won't look as nice :-P Other than that, I don't have any suggestions.

comment:4 Changed 7 years ago by msegedi

Ok, thanks a bunch Scott!

Note: See TracTickets for help on using tickets.