title: Prevent MDC Menu from closing after clicking first menu item
body: <p>We are using MDC menu component. I am looking for a way to not close the menu when clicked on the first item in the menu.</p>
  
  <p>I tried applying a class to mdc-list-item and specifying cursor as auto, but it is not working.</p>
  
  <pre><code>.menu-do-not-close {
     cursor: auto !important;
  }
  </code></pre>
  
  <p>below is the example fiddle</p>
  
  <p><a href="https://jsfiddle.net/phani25485/Lt6q2gxa/2/" rel="nofollow noreferrer">https://jsfiddle.net/phani25485/Lt6q2gxa/2/</a></p>
  
  <p>Could you provide some direction on how to achieve this.</p>