I have been using CKEditor in the Vaadin framework for over a year and it has worked very well.
However, I am not able to trace down what is causing modal dialog windows, like clicking to insert an image, to stop accepting input (both data entry into the dialog box input fields as well as clicking on the buttons or drop down boxes).
If the editor is embedded in a regular HTML page, it works fine, but if I open a "modal Vaadin window" that contains the editor, all is fine until you open an editor dialog and then it cannot be used at all (in fact, you have to reload the page as there's no way to make the editor dialog disappear).
I have a video that shows this http://youtu.be/H4IlLpFI2ac, and it's odd because you can see the CKEditor dialog is somewhat responsive to mouseover, cursor changes, even scrolling, but other parts just stop working.
Any ideas what might be wrong, how to trace it further, or perhaps even fix it?
Thu, 07/07/2011 - 02:29
#1
Re: CKEditor modal dialogs won't accept mouse or keyboard in
Oddly, I did notice that elements like input fields in the popup image dialog, for example, include a z-index value of 1, despite the fact that the dialog is supposed to have a base z-index of 10000 (by default), so don't now if this contributes to the problem or not. I mean, the "gray modal cover" uses the value 10000, then the dialog DIV itself shows a z-index of 10010, but the input fields show a z-index of 1. However, since the input fields are visible, it's like the z-index of a nested element cannot be lower than its container div from a visibility perspective, but it could still be a problem since my editor is in a modal dialog that itself has a higher z-index and also wants to block out access to all elements under it.
Re: CKEditor modal dialogs won't accept mouse or keyboard in
This bug apparently happens with jquery users as well as vaadin users, making me think it's a bug in CKEditor rather than those platforms, but who knows.
The JQuery bug report:
http://bugs.jqueryui.com/ticket/4727
The Vaadin bug report:
http://vaadin.com/forum/-/message_board ... age/238571
Would love to find a fix
Re: CKEditor modal dialogs won't accept mouse or keyboard in
On IE9, I can still right click in a field and PASTE data into the fields, just can't type or click. FF5 doesn't seem to allow this.
Using CSS, I was able to convert the A and INPUT tags to have a z-index of 40000, but that made no difference.
Lastly, in FF5 with Firebug, I noted that even Firebug cannot select a field by clicking on it. It's as if the entire browser refuses to allow the click in that area, but I Firebug can still select other elements in the window below. To navigate to the input fields in Firebug, I have to basically open the DOM tree to zero down to the actual INPUT element rather than just click on it using the element inspector.