Problems on ios/ipad - touch is propagated to newly opened sub items

[magnattic]

I am using NestedDropdown and unfortunately it breaks on iPads in Safari.

The problem occurs when multiple levels are nested on top of each other (because there is not enough space to put the next level to the right). When I click a button in the first level, the click is propagated to the next level (that is just opening) and the menu closes immediately.

Not sure what the right solution is, but something is wrong with the touch propagation here.

Here is a video of the issue, you can see the deeper leveled submenu briefly open and automatically be selected: https://github.com/webzep/mui-nested-menu/assets/7560166/743ac05c-8ad6-46dc-8882-c838deb86543