Hi All,
I have two places on my page where I am creating an inline CKEditor (I am using the full package, version 4.2, but have seen this problem since 4.0.x). In one place everything works just fine. In the other place, everything works except the drop downs for buttons like 'font size', 'text color', and 'paragraph format' do not show up. The button appears depressed when I click it, but no drop down. I also have not touched any styles related to z-index for anything, and I don't think I'm doing anything weird with HTML or styles for that part. Nothing shows up in the Developer Console/Firebug - and I am seeing this both in Chrome and Firefox.
Any idea what it might be? Is there a debug mode or something that will give me any information in the console? Any other way to diagnose what's going on?
Here is the code:
try { CKEDITOR.disableAutoInline = true; this.ckeditor = CKEDITOR.inline( el ); } catch (e) { console.error(e); }
and the HTML:
<div> <div id="newMessageField" contentEditable="true"></div><a href="#" id="postNewMessage">Post</a> </div> <div id="eventMessagesContainer"> <ul id="eventMessages"></ul> </div>