Clicking on submenu items in Tile's MoreOptions doesn't close the menu

[LostABike]

Describe the bug (current behavior)

In the MoreOptions component of Tile, we pass in a list of MenuItems. However, when a MenuItem contains submenu items, clicking on a submenu item does not automatically close the MoreOptions menu. It also doesn't expose the close function for manual closing on the users side (similar to DropdownMenu menuItems)

Expected Behavior

MoreOptions menu should automatically close when its submenu item is clicked, and/or have the close prop exposed

Link to minimal repro

https://stackblitz.com/edit/github-zvoxjsmy-hsis35df?file=src%2FApp.tsx

Steps To Reproduce

1. Create a Tile with MoreOptions
2. Create a MenuItem with submenu item
3. Pass the MenuItem with submenu item into Tile's MoreOptions
4. Click to open the MoreOptions menu in Tile
5. Click on the MenuItem to expose submenu item
6. Click on submenu item

Package Version

• I'm using the latest version of iTwinUI.

Anything else?

No response