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: |
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/
Attachments (0)
Change History (4)
Changed June 04, 2012 08:39PM UTC by comment:1
resolution: | → patcheswelcome |
---|---|
status: | new → closed |
Changed June 04, 2012 08:49PM UTC by 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 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 comment:4
Ok, thanks a bunch Scott!
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.