I am using TinyMCE 6 editor here. I have run into a problem that the menus picker not sticking to the menubar. It only happens when I have scrolled down the page, i.e. body.scrollTop > 0
.
Say, I have scrolled down the page a little and I click on the File
item on the menu bar. The File
menu will appear way below the menu bar (with a huge offset). Please image for reference.
I see that this problem doesn't only happen for menu, but anything that is "floating" on top of editor - for examples, the font size window and the colour picker window when I try to change text size/colour.
However, if I scroll the page to the very top, then the menus(and other "floating" boxes/windows) will appear at the right position.
I wonder if this is a bug or something I have mis-configured. Anyway I can fix this - may be by changing the tinymce.js
? If not, are there any other options that I can avoid this problem? Perhaps, make the menu to appear "inline", like horizontally right below the menu bar or something like that to avoid "floating" of any boxes?