[Bug]: Click handlers on the menu-items inside of the menu do not fire correctly in IOS devices.

### Code of conduct

- [X] I agree to follow this project's code of conduct.

### Impacted component(s)

action-menu, menu, menu-item

### Expected behavior

Correct click handler is expected to fire up on selecting the `menu-item` inside of the menu.

### Actual behavior

On Safari mobile web where click handlers on the menu items inside of the menu will not run (or the incorrect handler will run). the correct handler will run sometimes. this does not occur in Chrome or Safari desktop (or responsive mode — i reproduced this in simulator).

### Screenshots

_No response_

### What browsers are you seeing the problem in?

_No response_

### How can we reproduce this issue?

1. Open [this](https://studio.webcomponents.dev/edit/MwYIDwoIJQ5DjGrgv283/src/index.ts?p=stories) in IOS simulator or real device.
2. Click on the action-menu button.
3. Select an item.
4. Check console.
5. Verify that click handlers are not getting called correctly.

### Sample code that illustrates the problem

_No response_

### Logs taken while reproducing problem

_No response_

Start with the linked Web Components reproduction in an iOS simulator or real device, then trace click handling across action-menu, menu, and menu-item. Done means selecting a menu item consistently invokes the correct click handler on Safari mobile without changing the behavior reported as working on desktop and Chrome.

Written by the indexing model from the issue text.