WordPress/TinyMCE popup resizes itself!
Posted by Jon Lee in Site stuff, Web Development, tags: bug, fix, TinyMCE, web development, wordpressI’ve had this problem with my WordPress installation for a while, but I’ve ignored it and wrote it off as a bug with my installation. However, it’s recently become quite annoying. In the WordPress “Write Post” textbox area, there are several buttons you can press in the toolbar that will cause a browser window to popup. These buttons include:
- Insert/Edit Link
- Insert/Edit image
- Edit HTML source
- Help
Upon pressing one of these buttons, the window popups and quickly resizes itself to an unmanageable size (with no option to resize). It looks like the following:
The problem only occurs with Firefox (I use version 2.0, not sure if older versions experience this bug). After some digging, it turns out the bug affects not only wordpress but any TinyMCE textarea. (TinyMCE is a popular open source Javascript Content Editor). The bug isn’t caused by TinyMCE itself, but rather with certain Firefox extensions/add-ons as found in this discussion and in this discussion, the search narrows further to extensions/add-ons that sit in the status bar!
I decided to disabled my status bar extensions/add-ons one by one to find the culprit… and I got it on the very first try. It is the Google Adsense Notifier Firefox Add-on! I check that little status bar extension all the time! Now how will I quickly find out how many cents I’ve made today?!Fear not, there is a fix presented in this blog posting that requires editing the tiny_mce_popup.js file. To put it briefly, find this chunk of code:
// Netscape 7.1 workaround
if (this.isWindow && tinyMCE.isNS71) {
window.resizeBy(0, 10);
return;
}
and add this after it:
// Gecko workaround
if (this.isWindow && tinyMCE.isGecko) {
window.resizeBy(20, 10);
return;
}
Hopefully this saves someone a bit of a headache!
Popularity: 2% [?]
Entries (RSS)