Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
When testing an update from CKEditor 3 to 4, I am noticing that the Drupal overlay gets wider and wider. I have flushed browser cache and Drupal cache to make sure updated javascript is being loaded. I am viewing this in Chrome 23.0.1271.101 and Safari. It is producing a horizontal scroll as well. See the screenshots below. Thanks.
Content overlay
CKEditor 3 overlay
CKEditor 4 overlay
Comment | File | Size | Author |
---|---|---|---|
#1 | y593vrcplbp0.jpg | 72.47 KB | vinmassaro |
overlay_ckeditor4.jpg | 76.14 KB | vinmassaro | |
overlay_ckeditor3.jpg | 73.54 KB | vinmassaro | |
overlay_content.jpg | 97.04 KB | vinmassaro |
Comments
Comment #1
vinmassaro CreditAttribution: vinmassaro commentedI noticed that CKEditor 3 also had horizontal scrollbar behavior at low enough of a resolution, so I guess that isn't really an issue.
I'm now seeing the overlay modal getting cut off though. Happens in latest Chrome and Safari but not Firefox 18.0. This is on a 13" Macbook Pro at 1280x800:
Anyone else seeing this behavior?
Comment #2
vinmassaro CreditAttribution: vinmassaro commentedIt appears now this is directly related to the Moono default skin in CKEditor4. If I download a package with Kama as default, this issue does not happen.
Comment #3
mkesicki CreditAttribution: mkesicki commented@vinmassaro,
thank you for noticing that.
Please remember that you can always set editor width according to your needs.
You can do this by using http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-width setting in "Custom JavaScript configuration " option in CKEditor Profile configuration option or add it ckeditor.config.js file.
Comment #4
vinmassaro CreditAttribution: vinmassaro commented@michael_cksource - I am setting the width to 70%, which does work to set the editor width, but in Chrome or Safari, it still pushes the overlay out. You can test this and it is related to the moono skin CSS. Thanks.
Comment #5
mkesicki CreditAttribution: mkesicki commented@vinmassaro ,
ok we try check this as soon as possible.
Comment #6
Ian Griffith CreditAttribution: Ian Griffith commentedGood evening from Eudlo Australia. I too am having a similar problem in that no matter how i modify the buttons on the toolbar in the config, the overlay doesn't show up in the overlay when I want to add content. This was OK with version 3 but following instructions we upgraded to 4 and got the Moono skin. How do I get the kama skin package and install it as above. Does this fix the issue described? Cheers Griffo
Comment #7
wwalc CreditAttribution: wwalc commentedDo you see any JavaScript errors in the error console / Firebug etc?
You can build a package with Kama skin using CKEditor builder
Comment #8
vinmassaro CreditAttribution: vinmassaro commentedI haven't had a chance to test the CKEditor nightly yet to see if this is fixed. @mkesicki, can you provide a status update? Not sure if this has been logged as a bug in the CKeditor bug tracker. Thanks.