Log in or register to post comments
Last post
Mon, 10/22/2012 - 03:13
#1
skypppher
skypppher's picture
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?
Top
Mon, 10/22/2012 - 03:43
Permalink
skypppher
skypppher's picture
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!
Top
Mon, 10/22/2012 - 14:37
Permalink
sebstefanov
sebstefanov's picture
Re: Google Chrome doesn't break menu line
It's ok. Thanks for sharing! It may always help someone in the future.
Top