MDC Menu do not close on clicking first item from menu

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.

I tried applying a class to mdc-list-item and specifying cursor as auto, but it is not working.

.menu-do-not-close {
   cursor: auto !important;
}

below is the example fiddle

https://jsfiddle.net/phani25485/Lt6q2gxa/2/

Could you provide some direction on how to achieve this.

from MDC Menu do not close on clicking first item from menu