[CKEditor Dev] #5779: can't edit fields in jQuery UI modal dialog
CKEditor
----------------------+-----------------------------------------------------
Reporter: psyafter | Owner:
Type: Bug | Status: new
Priority: Normal | Milestone:
Component: General | Version:
Keywords: |
----------------------+-----------------------------------------------------
I have a trouble with CKEditor about 1 year (all last versions from 3.0
till new version 3.3)
When I use ckeditor in "jQuery UI modal dialog" (
http://jqueryui.com/demos/dialog/#modal ) and try edit some properties of
table (already created before) - so for example I can't edit numbers of
rows and cells (both fields are disabled).
The same situation when I try edit alternate text in image window.
It's normal situation or it's a bug?
--
Ticket URL: <http://dev.fckeditor.net/ticket/5779>
CKEditor <http://ckeditor.com/>
The text editor for Internet
CKEditor
----------------------+-----------------------------------------------------
Reporter: psyafter | Owner:
Type: Bug | Status: new
Priority: Normal | Milestone:
Keywords: |
----------------------+-----------------------------------------------------
Changes (by psyafter):
* version: => 3.3
--
Ticket URL: <http://dev.fckeditor.net/ticket/5779#comment:1>
CKEditor
----------------------+-----------------------------------------------------
Reporter: psyafter | Owner:
Type: Bug | Status: new
Priority: Normal | Milestone:
Keywords: Pending |
----------------------+-----------------------------------------------------
Changes (by garry.yao):
* keywords: => Pending
Comment:
Would you please attach an sample page with jqUI for us to make any
judgement?
--
Ticket URL: <http://dev.fckeditor.net/ticket/5779#comment:2>
CKEditor
----------------------+-----------------------------------------------------
Reporter: psyafter | Owner:
Type: Bug | Status: new
Priority: Normal | Milestone:
Keywords: Pending |
----------------------+-----------------------------------------------------
Comment(by psyafter):
yes, of course.
I was update sample page and uploaded it to test domain (with ckeditor
files and jQuery + UI).
There is link to page:
http://pmp.psymind.info/ckeditor/ajax.html
1) Open the dialog
2) Click on CreateEditor
3) Try to create table and edit rows/cell or any other field. It's
disabled for editing. Same situation in creating image (editing alternate
text)
--
Ticket URL: <http://dev.fckeditor.net/ticket/5779#comment:3>
CKEditor
Type: Bug | Status: new
Priority: Normal | Milestone:
Keywords: Confirmed |
-----------------------+----------------------------------------------------
Changes (by fredck):
* keywords: Pending => Confirmed
* version: 3.3 => 3.0
Comment:
Weird thing... much probably jQuery UI is catching the keystrokes.
--
Ticket URL: <http://dev.fckeditor.net/ticket/5779#comment:4>
CKEditor
Type: Bug | Status: new
Priority: Normal | Milestone:
Keywords: Confirmed |
-----------------------+----------------------------------------------------
Comment(by psyafter):
That will do solution for this situation?
--
Ticket URL: <http://dev.fckeditor.net/ticket/5779#comment:5>
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: confirmed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
Keywords: |
--------------------------+-------------------------------------------------
Changes (by josotoru):
* cc: me@… (added)
* version: 3.0 => 3.5
* component: General => UI : Dialogs
Comment:
Verified on jQuery UI 1.8.5 and CKEditor 3.5 and not work focus dialog
input. No z-index found.
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:6>
CKEditor
Reporter: psyafter | Owner:
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
---------------------------+-----------------------
Comment (by j.swiderski):
I have checked this issue with latest jQuery UI 1.8.16, jQuery 1.6.4 and
CKEditor 3.6.2.
Problem still occurs in IE7, Webkit and Opera (E.g. fields in cell
properties dialog are not editable).
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:7>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
Resolution: | Keywords:
---------------------------+-----------------------
Comment (by rcjusto):
I could solve this, adding some lines in file "dialog.css" for the active
skin, to setting all inputs in dialogs with position: relative and
z-index: 9999.
{{{
.cke_skin_v2 input.cke_dialog_ui_input_text, .cke_skin_v2
input.cke_dialog_ui_input_password {
background-color: white;
border: none;
padding: 0;
width: 100%;
height: 14px;
/* new lines */
position: relative;
z-index: 9999;
}
}}}
The problem is caused by zIndex() function in jQueryUI library. That
function only get the z-index property correctly if the object has
absolute, relative or fixed position. This function is used in ui-dialog
to validate what controls can gain the focus, when the dialog is modal.
Sorry by my english, I hope this can help someone.
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:8>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
---------------------------+-----------------------
Changes (by j.swiderski):
* keywords: => HasPatch
Comment:
@rcjusto thank you for the patch. Those two lines seem to fix the issue.
NOTE: The solution from #8443 (config.baseFloatZIndex = 102000;) does not
work in this case.
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:9>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: confirmed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
Resolution: | Keywords: HasPatch
---------------------------+-----------------------
Comment (by redpaint):
This doesn't seem to have been 'fixed' or patched into the latest release
of ckeditor for download on the main website. We've just spent 2 hours
trying to track this problem down finally landing here. Will this be
added to the release version?
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:10>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: confirmed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
Resolution: | Keywords: HasPatch
---------------------------+-----------------------
Comment (by j.swiderski):
Seems that this issue got fixed on trunk with rev. [7512]. Despite
problems caused by this revision #9060 and fix for it provided in rev.
[7524], it seems that good changes have stayed and this issue has expired
on trunk.
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:11>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: closed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 3.5
---------------------------+----------------------
Changes (by j.swiderski):
* status: confirmed => closed
* resolution: => fixed
Comment:
Checked that once more seems that issue got fixed with CKEditor 3.6.4 rev.
[7512]
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:12>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: closed
Priority: Normal | Milestone:
Resolution: fixed | Keywords: HasPatch
---------------------------+----------------------
* version: 3.5 => 4.0.1
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:13>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: closed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 4.0.1
Resolution: fixed | Keywords: HasPatch
---------------------------+----------------------
Comment (by psyafter):
This bug present in version
- cke 4.0.1
- jquery.adapter
- jquery-1.9.1
- jqury-ui-1.10.0
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:14>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: closed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 4.0.1
Resolution: fixed | Keywords: HasPatch
---------------------------+----------------------
Comment (by Oskar):
Created this ticket https://dev.ckeditor.com/ticket/10086.
Have the same problem with
* cke 4.0.1
* jquery-1.8.3
* jqury-ui-1.10.0
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:15>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: closed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 4.0.1
Resolution: fixed | Keywords: HasPatch
---------------------------+----------------------
Comment (by youngchad):
Here is an example when we have buttons in the modal window and they work
fine, maybe it can help:
[http://basicuse.net/articles/pl/scripting_languages/javascript/jquery_ui_widgets_dialog_windows]
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:16>
CKEditor <http://ckeditor.com/>
The text editor for the Internet
CKEditor
Reporter: psyafter | Owner:
Type: Bug | Status: closed
Priority: Normal | Milestone:
Component: UI : Dialogs | Version: 4.0.1
Resolution: fixed | Keywords: HasPatch
---------------------------+----------------------
Comment (by j.swiderski):
I think the best workaround is using e.g. jqury-ui-1.9.2 ( something below
jqury-ui-1.10.0).
As mentioned in #10269, jqury-ui-1.10.0 has introduced some new problems.
--
Ticket URL: <http://dev.ckeditor.com/ticket/5779#comment:17>
CKEditor <http://ckeditor.com/>
The text editor for the Internet