Checkbox in Menu Item - how to prevent Menu closing

[xxgreg]

Been a while since I gave material web a go. Great progress. I'm getting good results with minimal pfaff. Cheers for the hard work!

So, I can put a checkbox inside a menu. However when activating the checkbox or menu item, via a click or keyboard, the menu closes.

Is there a way to prevent the menu from closing in this case?

Code snippet below.

Thanks!

<span style="position: relative">
    <md-icon-button id="wat-anchor"><md-icon>more_vert</md-icon></md-icon-button>
    
    <md-menu id="wat-menu" anchor="wat-anchor" has-overflow>
        <md-menu-item>
            <div slot="headline">Apple</div>
        </md-menu-item>
        <md-menu-item>
            <md-checkbox slot="start"></md-checkbox>
            <div slot="headline">Banana</div>
        </md-menu-item>
    </md-menu>
</span>

[xxgreg]

Update - success!

Looks like I missed the keepOpen property in the docs oops. 🙈

I'm using lit - so I can set it like this:

      <md-menu-item .keepOpen=${true}>
          <md-checkbox slot="start"></md-checkbox>
          <div slot="headline">Banana</div>
      </md-menu-item>