title: Menu hiding when outside 'div' element is clicked
body: <p>I am creating a simple dashboard in ionic that consists of a toolbar at the top and a collapsible menu (navigation bar)on the left side. The menu is toggled by the menu button in the toolbar, but clicking the standalone 'div' component is also causing the menu to hide.</p>
  
  <pre><code>&lt;ion-content&gt;
      &lt;ion-menu type="push" menuId="nav-menu"&gt;
        // create menu items
      &lt;/ion-menu&gt;
      &lt;div main&gt;
          hello world
      &lt;/div&gt;
  &lt;/ion-content&gt;
  
  
  I expect the menu to remain open/unchanged when clicking on the hello world.
  </code></pre>