TinyMCE droplists set to top:0 position
Permalink
Hi All,
First of all, before anyone has a dig at me for not reading the documentation, the issue is not caused by my customised code as it occurs in a fresh install of an unedited C5 theme.
Ok, now that I have covered my ar$e (hehehe) I'll get on with my question.
In the Tiny MCE editor, when you click on the drop list menus, they appear correctly however if your page is scrolled down lower (the actual page your working on), the drop lists appear way up the top of the editing screen (or not at all).
Near as I can tell, this is because of the top:0 positioning on the drop lists, I'm just not sure where or how to fix these.
If anyone has tried to fix this or if it has been covered before, please let me know.
I have put some screenshots below to help highlight what I am talking about.
Any help would be greatly appreciated.
First of all, before anyone has a dig at me for not reading the documentation, the issue is not caused by my customised code as it occurs in a fresh install of an unedited C5 theme.
Ok, now that I have covered my ar$e (hehehe) I'll get on with my question.
In the Tiny MCE editor, when you click on the drop list menus, they appear correctly however if your page is scrolled down lower (the actual page your working on), the drop lists appear way up the top of the editing screen (or not at all).
Near as I can tell, this is because of the top:0 positioning on the drop lists, I'm just not sure where or how to fix these.
If anyone has tried to fix this or if it has been covered before, please let me know.
I have put some screenshots below to help highlight what I am talking about.
Any help would be greatly appreciated.
I have the same problem, I thought everybody did.
If you are still having this problem, I have fixed it by changing the menu CSS position from "absolute" to "fixed" preventing scrolling from causing problems (at least in Chrome 14). Specifically, using Concrete 5.4.2.1, if you change 'position' stating at character 93639 to "fixed" in the file "concrete/js/tiny_mce/tiny_mce.js".
Good luck!
Alex
Good luck!
Alex
I have a fix for the tiny_mce 5.4.2.2 dropdown typography styling menu!!!!!
Enclosed is the fixed version of the tiny_mce file alexaalto mentioned above ( concrete/js/tiny_mce/tiny_mce.js ).
It was a pain finding the one little error in this monstrous file. This fix should be compatible with current versions of Tiny MCE as well.
PLEASE NOTE: Concrete5 will not allow the upload of JavaScript files via their file manager. Due to this I had to create it anew in TextEdit and save it as a .txt file. All you need to do is save it again as a .js file and replace the existing one on your server at the location above
Enjoy...
Tim
Enclosed is the fixed version of the tiny_mce file alexaalto mentioned above ( concrete/js/tiny_mce/tiny_mce.js ).
It was a pain finding the one little error in this monstrous file. This fix should be compatible with current versions of Tiny MCE as well.
PLEASE NOTE: Concrete5 will not allow the upload of JavaScript files via their file manager. Due to this I had to create it anew in TextEdit and save it as a .txt file. All you need to do is save it again as a .js file and replace the existing one on your server at the location above
Enjoy...
Tim
