Don't collapse ExtJS Menu when clicked outside it

Question

In my application , I show a ExtJS menu when clicked on a button. This menu gets collapsed when I click outside it.But my requirement it this menu should not collapse when clicked outside it.

I debugged in ExtJS files, there is a mousedown Event in GlobalEvents see here which gets fired and it collapse this menu. How can I change or override this behaviour.

Thanks in advance.

Answer 1

As fast workaround you can to return false; in your menu beforehide event handler.

Working fiddle