title: ExtJS 4 - how to hide context menu when left clicking the Ext.panel.Panel?
body: <p>I have context menu on a panel (geoext 2 map panel)
  This is how I init it :</p>
  
  <pre><code> var ctxMenu;
  
     Ext.get("mapPanel-body").on("contextmenu", function (event, element) {
          event.stopEvent();
          if (!ctxMenu) {
              ctxMenu = Ext.create('Ext.menu.Menu', {
              width:100,
              height:100,
              margin: '0 0 10 0',        
              items: [{ text: 'test', action: 'test'}]
      });
          }
          ctxMenu.showAt(event.getXY());
          return false;
      });
  </code></pre>
  
  <p>What happens is that right click on the map opens the context menu ... but it stays open till I choose an item from the menu (left click outside it doesnt close it)</p>
  
  <p>I'm using ExtJS 4.2.1</p>
  
  <p>Why it behaves like this ?</p>