#9815 closed Bug (fixed)
[moono skin] Can't edit fields in jQuery UI modal dialog
| Reported by: | Irina Butu | Owned by: | Piotrek Koszuliński |
|---|---|---|---|
| Priority: | Normal | Milestone: | CKEditor 4.0.1 |
| Component: | UI : Dialogs | Version: | 4.0.1 |
| Keywords: | Cc: |
Description (last modified by )
I'm using full version of CKeditor 4.0.
If I display the control in a page then try to add an image and write the image URL everything seems to work fine.
If I'm using jquery ui and display editor in a modal, the image URL field seems to be readonly (I cannot write into it or paste a known url). Just upload is working.
The version of jquery ui used is 1.7.2.
Attachments (2)
Change History (12)
Changed 12 years ago by
| Attachment: | TestApp.zip added |
|---|
comment:1 Changed 12 years ago by
| Description: | modified (diff) |
|---|---|
| Status: | new → confirmed |
| Summary: | Incompatible specify Image URl with JQuerry UI → Can't edit fields in jQuery UI modal dialog |
Changed 12 years ago by
| Attachment: | ckInJQueryDialog.html added |
|---|
comment:2 Changed 12 years ago by
| Summary: | Can't edit fields in jQuery UI modal dialog → [moono skin] Can't edit fields in jQuery UI modal dialog |
|---|
Put ckInJQueryDialog.html into the samples folder to reproduce the issue.
It looks like the Kama skin is working fine. Only moono skin has this problem.
comment:3 Changed 12 years ago by
I think I managed to trace this issue to this single line in dialog.css for .cke_dialog_body:
/* This one is required by Firefox 3.6. Without it, dialog tabs and resizer float outside of the dialog. */ position: relative;
If I remove it, I'm able to type text in IE.
Note that this should not be there. If this rule is for Firefox, it should be in a separate gecko file.
comment:4 Changed 12 years ago by
| Milestone: | → CKEditor 4.0.1 |
|---|---|
| Owner: | set to Piotrek Koszuliński |
| Status: | confirmed → assigned |
OK. We'll target that position:relative for FF36 only, because this fix is required for it and it's more important than fixing jQueryUI. So on all other browsers this issue will be fixed.
comment:7 Changed 12 years ago by
| Status: | review → review_passed |
|---|
comment:8 Changed 12 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | review_passed → closed |
Masterised git:9025c89.
comment:9 Changed 12 years ago by
| Component: | General → UI : Dialogs |
|---|---|
| Version: | 4.0 → 4.0.1 |
It still happens to me. Latest jQuery and jQuery UI + CKEditor 4.01. Not sure how to reopen a ticket. :S Here's a link to the non-working elements.(Happens on Chrome at the very least) http://test.rhsolutions.ca/_rhtools/rh-modules/module-xenocode/news.php Click the car image, once the jQuery UI Dialog is opened, double click the red car to open the properties dialog. Cannot change the fields.
Lemme know if I'm doing something wrong.
comment:10 Changed 12 years ago by
I'm agree, it's still happens in 4.0.1 + jquery 1.9.1 + jquery-ui 1.10.0
Indeed there is a problem with editing text fields in Image dialog window when CKEditor is opened in a modal dialog window.
This issue looks like duplicate of #5779, but I managed to confirm it in 4.0 using the attached project.
There is a big chance that the issue will be forever gone: http://bugs.jqueryui.com/ticket/4727 all we need is to wait for the next stable version of jquery UI.