I've installed CKEditor in some app and it works perfectly fine in Chrome, Firefox and Opera. However, when I test it on IE11 the dropdowns for colors, font-size and any other button that opens a dropdown doesn't work properly.
What I mean by doesn't work properly is that it opens for 0.5 seconds and immediately being closed/hidden (not quite sure if it being closed or hidden).
Any idea why it's happening?
P.S. I've just noticed that even if I Right-Click the editor it shows the options for a mere 0.5 seconds and being closed/hidden as-well.
Edit:
I looked into it a little bit more and it seems like in IE it removes the display:none of the dropdown for a second and then automatically adding that. any idea?
Do you use latest CKEditor
Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Thanks for the reply.
Thanks for the reply.
I did some more investigations and figured out that it only happens inside twitter-bootstrap modal. I looked over the net for a solution and ended up with some extra code that I had to include:
$.fn.modal.Constructor.prototype.enforceFocus = function() {
modal_this = this
$(document).on('focusin.modal', function (e) {
// Fix for CKEditor + Bootstrap IE issue with dropdowns on the toolbar
// Adding additional condition '$(e.target.parentNode).hasClass('cke_contents cke_reset')' to
// avoid setting focus back on the modal window.
if (modal_this.$element[0] !== e.target && !modal_this.$element.has(e.target).length
&& $(e.target.parentNode).hasClass('cke_contents cke_reset')) {
modal_this.$element.focus()
}
})
};
It works now.
Thanks for sharing!
Thanks for sharing!
Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+