Question

I noticed that every time I open and close (by clicking on a menu item or clicking at some area out of the menu) a contextmenu (Ext.menu.Menu) the <div>s won’t get removed from the DOM, they somehow just get invisible.

How to change this?

Answer 1

You can try this to destroy entire component –

listeners: {
     hide:function(menu, opt){
    Ext.destroy(menu);
     }
}

But you have to create Ext.menu.Menu, when click menu button next time.