TinyMCE bug via jquery load

Question

I have this kind of strange bug when I load tinymce via jquery load,

After the first time I click the dropdown to select one item from the list (bullet list, number list, style list, paragraph list), I get the bug as shown in the image when I reload the form via jquery load.

Any idea?

Answer 1

jQuery is attaching the drop down elements to the body tag instead of within the editor you have created. While this fixes some IE issue, it fails to deal with editor dom elements being loaded dynamically, stranding the drop down element on the page.

When loading/unloading an editor, remove all tinymce drop menus on the page via jQuery:

$(".mceListBoxMenu").remove();

I have tested this solution, and it works fine.