I'm running into what appears to be a bug in how context menus are rendered for dialogs. I'm creating a plugin which renders a dialog when a toolbar button is pressed. Within the dialog, I'm creating a new instance of CKEditor. I can see within Firebug that the CKEditor within the dialog contains a top-level table tag that looks like:
<table role="presentation" style="position: fixed; top: 167px; left: 390px; z-index: 10010;" class="cke_dialog cke_browser_gecko cke_browser_quirks cke_ltr cke_single_page">
The problem is that when I right-click on this editor, expecting to see a context menu, none appears. I've traced through the code and discovered that the context menu creates a <div> with a z-index value of 10001. Thus, the context menu is rendering beneath the dialog (which has z-index of 10010).
I've tried "manually" setting the z-index of the dialog to a number less than 10001 (by locating the <table> tag in an instanceReady callback within my plugin); the effect of this is to disable (gray out) the dialog. Can someone suggest a work-around for this problem?
Thanks very much,
Larry Bergman
<table role="presentation" style="position: fixed; top: 167px; left: 390px; z-index: 10010;" class="cke_dialog cke_browser_gecko cke_browser_quirks cke_ltr cke_single_page">
The problem is that when I right-click on this editor, expecting to see a context menu, none appears. I've traced through the code and discovered that the context menu creates a <div> with a z-index value of 10001. Thus, the context menu is rendering beneath the dialog (which has z-index of 10010).
I've tried "manually" setting the z-index of the dialog to a number less than 10001 (by locating the <table> tag in an instanceReady callback within my plugin); the effect of this is to disable (gray out) the dialog. Can someone suggest a work-around for this problem?
Thanks very much,
Larry Bergman
context menu visibility for CKeditor within dialog
I am running into the same issue, is there a workaround / fix please?
context menu visibility for CKeditor within dialog
OK, I guess the workaround would be something like this (it works), but I think this is a bug????
CKEDITOR.on(
'instanceCreated', function (event) {
var editor = event.editor;
editor.on(
'menuShow', function (menuShowEvent) {
menuShowEvent.data[0].element.$.style.zIndex += 10;
});
});
context menu visibility for CKeditor within dialog
Oh, and you also need to do similar to see the richcombo dropdowns...
editor.on('panelShow', function (panelShowEvent) {
panelShowEvent.data.element.$.style.zIndex += 10;
});