Skip to main content

Search and Top Navigation

#8381 closed bug (patcheswelcome)

Opened June 04, 2012 08:32PM UTC

Closed June 04, 2012 08:39PM UTC

Last modified June 05, 2012 11:26AM UTC

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:

I have a corresponding forum post for this issue which went unanswered which made me believe this is likely a jQuery UI bug ( 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:

Attachments (0)
Change History (4)

Changed June 04, 2012 08:39PM UTC by scottgonzalez comment:1

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:

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

Changed June 04, 2012 08:49PM UTC by msegedi comment:2

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!

Changed June 04, 2012 08:50PM UTC by scottgonzalez comment:3

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.

Changed June 05, 2012 11:26AM UTC by msegedi comment:4

Ok, thanks a bunch Scott!