Apologies if this has already been asked somewhere, I couldn't see any way to search the forum.
I'm trying to host CKEditor in a simple Twitter Bootstrap Modal. I'm doing nothing more complex than
<div id="note-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="notemodallabel" aria-hidden="true">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button><h3 id="notemodallabel">Add Note</h3></div>
<div class="modal-footer"><button class="btn btn-primary" type="submit"><i class="icon-white icon-plus"></i> Add Note</button></div>
in my document.ready function.
The issue I have is that whilst the editor shows fine, all of the dropdown menus (for paragraph style etc) don't work - they appear when clicked on and then immediately disappear, meaning that it's impossible to select from them.
Does anybody have any idea how to fix this?