Just noticed that several list box components in the TinyMCE editor's toolbar use two lines in latest version of Chrome (see attached screenshot). The issue doesn't appear in IE8 or IE9. I'm pretty sure this issue wasn't seen with previous versions of Chrome, but I don't have any definitive timeframes or versions.

Adding 'display: inline-table' to the ./editors/css/tinymce-3.css file seems to resolve the problem.

.mceToolbar td {
  display: inline;
  display: inline-table;
}

I did some searching, but not sure if this is an appropriate fix.?.?

CommentFileSizeAuthor
Capture.PNG1.6 KBstacysimpson
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

TwoD’s picture

Unable to reproduce this so far, which exact version of Chrome are you using?
I only had Chromium 20 to test with now.

stacysimpson’s picture

Version 22.0.1229.79 m

I verified the issue on two different Windows 7 machines and using our production and test Drupal sites. I suppose it could be some type of issue with our theme (Garland) and combination of modules.?.?

TwoD’s picture

I found and installed 22.0.1229.94 and tested Seven, Bartik and Garland but could not reproduce the issue, the lists widgets were all showing on one line. Can you see which styles are being applied to the elements using Chrome's developer tools to see if anything not from TinyMCE or Wysiwyg affects the styling of the table cells?
(There should only be one display: row btw, the last one will override the first one.)

TwoD’s picture

Status: Active » Closed (cannot reproduce)

Still unable to reproduce this, but the patch and sort_buttons git branch from #277954: Allow to sort editor buttons will remove all the TinyMCE styling overrides Wysiwyg currently adds because they won't be needed any longer once we're able to manage the toolbars properly.

That issue is about implementing the toolbar designer for Drupal 7 first, but as much as possible will be backported for Drupal 6 after that.