Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
When using CKEditor and the new administration Toolbar in Drupal 7, the Toolbar overlays the CKEditor toolbar - preventing any button clicks when the editor is maximized.
Digging into the code with firebug, I guess this is related to some complex z-index issue. I just can't seem to get ckeditor maximize to overlay the administration Toolbar.
This is true for Firefox as well as IE. I also guess, that this issue might be unsolvable in the CKEditor module.
Comments
Comment #1
dczepierga CreditAttribution: dczepierga commentedHmmm i try to overwrite this in CSS and config file of CKEditor, but it's impossible to do that. If you disable overlay window everything works as u except, with overlay window i can't control that....
Maybe someone give idea how to fix it or make patch....
Comment #2
ThaboGoodDogs CreditAttribution: ThaboGoodDogs commentedHaving same problem too. Major show stopper, same thing happens in Drupal 6.20 too as well as my new Drupal 7 install.
Comment #3
dczepierga CreditAttribution: dczepierga commentedTry to disable overlay module in D7, then maximize work without problem.
Greetings
Comment #4
mkesicki CreditAttribution: mkesicki commentedI close this ticket. There was no new post such long time.
Comment #5
Devin Carlson CreditAttribution: Devin Carlson commentedI'm reopening this issue as it still occurs in IE, Firefox and Chrome.
What's odd is that the administration toolbar will overlay CKEditor after clicking the maximize button but if you resize your browser, CKEditor will be maximized properly, but the administration toolbar will disappear (unless you resize your browser again)!
Comment #6
dczepierga CreditAttribution: dczepierga commented@Devin Carlson:
If u read this issue from begging u will know that it's impossible to do that with overlay module enabled, if u know how to fix it feel free to add patch for this bug.
For now i closed this issue.
Greetings
Comment #7
KoCo CreditAttribution: KoCo commented#1064600: Maximizing editors places toolbar under Drupal's toolbar
Comment #8
KoCo CreditAttribution: KoCo commentedOkay, was wrong pointing to the issue cue for another module, but it gave me an idea.
I adapted /includes/ckeditor.utils.js
_ added right before loading the text_area settings Drupal.ckeditorOn (line 71):
var $drupalToolbar = $('#toolbar', Drupal.overlayChild ? window.parent.document : document);
_ added extra function under textarea_settings['on'] (line 108):
This off course is no beautiful patch, but I lack the tools here.
But now full screen doesn't dissapear under the toolbar, which automaticly hides/shows depending on maximized state.
Please test this ;-)
thx
Koen
Comment #9
dczepierga CreditAttribution: dczepierga commented@KoCo, really thx for path. I will check it asap and if works i commit it to GIT. Again really thx for help.
Greetings
Comment #10
dczepierga CreditAttribution: dczepierga commentedChanges commited to GIT (diff).
@KoCo, again really thx for patch.
Greetings
Comment #12
marcopanichi CreditAttribution: marcopanichi commentedSame problem occurs with Admin-Menu Plugin
The solution is to add a line to /includes/ckeditor.utils.js in order to consider the #admin-menu div:
I added the line below this one:
It's not an elegant solution, but it works for me...hope it helps!
Comment #13
mkesicki CreditAttribution: mkesicki commentedComment #14
dczepierga CreditAttribution: dczepierga commented@marcopanichi, i moved your issue to new thread: #1567022: [D7] Overlays of administration toolbar appears in CKEditor maximized mode.
Next time pls open new issue with your bug and don't write in closed issues.
Greetings
Comment #15
FrancewhoaThanks all for fixing this challenge :)
We were facing the same challenge with multiple Drupal 7 installs. When possible we upgraded CKEditor module to the latest version. Which fixed this challenge :)
Unfortunately in some cases, somehow it was not possible to upgrade CKEditor module, mostly due to large Drupal distributions 200+ modules, and rescue Drupal installs which use customized CKEditor module in relationship with numerous other customized modules :( Bummer. When facing this unusual challenge, the Ubertus team found this temporary workaround. Simply add those three CSS lines to any pages using CKEditor:
Thanks to Jenn for this tip
Using CKEditor module old version 7.x-1.16, and CKEditor libraries old version ~4.4.7
Again we used this temporary workaround for specific and unusual cases only. When possible we preferred to upgrade CKEditor module to the latest version. Which really permanently fixed this challenge :)