The bug occurs with 3.5.2.xxx and 3.5.3 version of CKeditor. See attached screenshot.

The screenshot refers to the content column of the theme (there is a right column only, no left one). If I remove all the blocks from the right column, the toolbar neatly spans from margin to margin and returns to a new line when the space is over.

CommentFileSizeAuthor
screenshot.png8.51 KBMac Ryan

Comments

Sborsody’s picture

Sborsody commented

Are you using IE8?

erdembey’s picture

erdembey commented

Update your ckeditor and clean your cache ...
I believe that should fix your problem.
Atleast i solve alignment problem in my system with this way.

Mac Ryan’s picture

Mac Ryan commented

@Sborsody - Gosh no!!! God saves me from Microsoft (and Apple!).
@Erdembey - Happy that solved your problem, but your belief concerning mine is... wrong. :(

twod’s picture

twod
Primary language Swedish
Location Sweden
commented
Status: Active » Closed (duplicate)

I think this happens because all buttons are placed in a single group. Groups are not supposed to be this big and that can cause rendering issues.

See #277954: Allow to sort editor buttons and the sort_buttons feature branch (available in the git repository) for a version of Wysiwyg that lets you put buttons in smaller groups etc. NOTE: there is no upgrade path to that branch yet and probably won't be until soon before that code is ready to be merged into the main branch. Don't use it in production unless you're sure what you're doing.

Or see #829266: Fixing toolbar for the CKeditor / Using the settings hook for workarounds using an implementation of hook_wysiwyg_editor_settings_alter() that you can use with official releases and without modifying Wysiwyg itself.

Sborsody’s picture

Sborsody commented

The reason I asked about IE8 is because placing buttons in a group does nothing in that browser to solve the issue. It turns out that there's some CSS confusion in IE8 (surprise, surprise) and it doesn't obey percent widths in some instances, only pixel widths. CKEditor defaults to 100% width and IE8 seems to render that as 100% of whatever parent div it finds that has a pixel width defined. That will naturally extend beyond any containing div with a percent width. The way we were using it was with Node Form Columns which creates some parent divs with percent widths. I turned Node Form Columns off because it was easier to do than tracking down some IE8-specific CSS issue or trying to guess how many pixels wide the form columns will be. It might be the same issue another person had reported with using CKEditor and Wysisyg 6.x in a fieldset.