I've no idea what caused this, but one day all my buttons in TinyMCE stopped floating. I've worked for a few weeks using FireBug to fix the CSS and even tried hacking the CSS directly, but I haven't come up with a permanent fix.

I'm thinking it has something to do with some other Drupal setting, but I have no idea what. I've cleared caches and cookies, disabled/enabled -- everything short of regenerating the Text Format.

Any thoughts? Do I need to scrap this instance and start again?

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

senortim’s picture

Want to add that I just tried to add a new text format and WYSIWYG profile. The result was *worse* in that this new format doesn't even (seem to) load TinyMCE.

TwoD’s picture

Status: Active » Postponed (maintainer needs more info)

I'm sorry for the long wait.

Could you post screenshots of this? Did you enable any buttons for the new profile? (It won't show up otherwise.)

Which themes are you using?

Are there any errors in the browser's JavaScript console?

Which browsers is this happening in? I'm assuming Firefox is one, but are there others?

senortim’s picture

Hi,
Thanks for your reply. I've been struggling along with this for some time, so while I've managed, it would be great to have this sorted.

Answers to questions:
I use Firefox primarily, but I see the error in Safari, Chrome, and Opera. (IE not checked.)
I use Seven for the admin theme. (The site itself is using a Zen sub-theme.)
I'm not seeing any JS errors.

Screenshots are attached. The first one shows what the page looks like when first loaded. The second shows the style selector I'm modifying (by adding a float) -- .defaultSkin .mceButton -- to create my workaround. The workaround version of the toolbar is in the final screen shot.

Note, too, that although **today** the text area for the TinyMCE edit is working fine (and thus my screenshots look normal width-wise), about three weeks ago, the width went crazy, too, forcing me to scroll sideways and arrow up and down in the content in order to edit. I have *not* figured out how to edit the CSS to work around this issue.

Finally, I'd like to say two things: First, this *was* working fine for quite a while after I built the site. The error occurred perhaps a couple of weeks after installing a module that allowed other users to publish content. (It's possible that I re-rolled the text format in that process, but I cannot remember.) And second, I have very similar web sites working just fine. Although I don't know how your internals work, my *suspicion* is that whatever is causing this is stored in the database.

Finally finally, thanks for your help and all your work on this module. I'm still not sure why this isn't a core module. It should be!

TwoD’s picture

I've been trying to debug this but couldn't reproduce it directly in my environments. But, I found one reason why it might happen.

It appears that the file wysiwyg/editors/css/tinymce-3.css is not being loaded correctly. It contains rules to float, and otherwise correct, the button placement after we replace the toolbar markup originally created by TinyMCE. The markup is replaced by our integration layer because we currently cannot place buttons in more than one row. See #277954: Allow to sort editor buttons for a patch which fixes this ans well as completely removes the need to alter TinyMCE's toolbar markup.

Could you verify that the CSS file is not being loaded (or perhaps not included when CSS aggregation is enabled)?

If you can, please also test the latest patch in the issue I mentioned above to verify the toolbar is rendered correctly (no upgrade path available yet, so it'd be best to try it in a test environment).

TwoD’s picture

Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

Without further details about the problem I can only close this issue. Please re-open it if you can provide the requested information.