Google Chrome doesn't break menu line

Just tried to test my website in Google Chrome to check if it's appearence is right. And what do you think I saw? My toolbar was too big to show it in one line, but Chrome did't make break for me. Toolbar is now too long, so content box and toolbar are both out of bounds and their right ends are invisible for me at all.
I have this config at startup:

{
   language:'ru',
   customConfig:'',
   toolbarLocation:'',
   toolbarCanCollapse:false,
   resize_enabled:false,
   removePlugins:'elementspath',
   enterMode:CKEDITOR.ENTER_BR,
   width:'700',
   height:'300',
   toolbar:'Full'
}

I've checked on latest: IE10 (10.0.9200.16384), FF(16.0.1), Opera(12.02.1578), Chrome(22.0.1229.94 m). And only Chrome has its own vision about how to align toolbar buttons.
Does anyone know what happens with toolbar and how can I fix it for Chrome?

Mon, 10/22/2012 - 03:43

skypppher

Joined: 22/10/2012

Posts: 2

Re: Google Chrome doesn't break menu line

Oh, sorry, guys, I found what was wrong. I've set some styling in stylesheet not correctly.
This is piece of HTML:

<div id="my_form">
   <div class="form_row">
      <div>
         <textarea id="my_editor">Initial value</textarea>
      </div>
   </div>
...and so on
</div>

And here is piece of CSS, that broke editor appearance:

.form_row div {display:inline-block;}

So every div inside editor now had display="inline-block". Line breaker in toolboxes is div, that has no manual styling, so by default it is 'block'. But... it's only by default... I don't know if this is a bug or a feature, so I've modified my styling via sheets not to modify editor's divs. And now everything work fine!

Mon, 10/22/2012 - 14:37

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Google Chrome doesn't break menu line

It's ok. Thanks for sharing! It may always help someone in the future.

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!