My page setup is as follows:
column1: 70% width column2: 30% width
With media queries I do the following:
@media only screen and (max-width: 959px) { column1 -> 100% column2 -> display:none }
This works perfectly in Firefox. In Webkit browsers I have a weird bug which is probably related to CKEditor (removing CKeditor makes the page work just fine in Webkit as well).
CKeditor resizes just fine when making the browser windows smaller. This will hide column2, and CKeditor will fit into the 100% of column1.
However, when resizing back to a bigger width, column2 reappears, but Ckeditor will overflow on column2...
UPDATE: this behaviour does NOT appear when working in ckeditor "SOURCE" mode. Only when working in WYSIWYG mode
Again, this works just fine in Firefox, but Safari or Chrome will produce this weird behaviour. Any tips or advice is welcome. I'm using the latest 3.6.2 of CKeditor.
Thanks!
Thu, 12/15/2011 - 13:00
#1
Re: CKEditor does not resize in WEBKIT
Do you think this is the same issue that is reported here?
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
Re: CKEditor does not resize in WEBKIT
yes it is! It's exactly the same behavior.
Has there been any fixes or workarounds for this?
Re: CKEditor does not resize in WEBKIT
As far as I can see, the patch doesn't solve the problem. If anyone has an idea on how to solve this, it would allow me to use CKEditor in a responsive layout, which can't be done at the moment.
Thanks!
Re: CKEditor does not resize in WEBKIT
Hi Jorre,
I'm afraid the bug fixing is now pretty much frozen since all development resources are devoted to working on the new major editor release, CKEditor 4. It would be good, however, if you could comment the ticket and add that the patch does not work for you -- this will make the fixing process quicker once it is resumed. And you will also be notified of any changes that will be made to the ticket.
You can find more info on what the ticket status means here: http://dev.ckeditor.com/wiki/TicketLifeCycle
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
Re: CKEditor does not resize in WEBKIT
Thanks for pointing me in the right direction, it all works fine now! Good luck with V4
Re: CKEditor does not resize in WEBKIT
Hi Jorre, glad to hear that! And check back for CKEditor v4, it will be an amazing thing
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
Re: CKEditor does not resize in WEBKIT