bug(cdk/menu): screen is freezing and becomes unresponsive when `cdkContextMenuTriggerFor` and `cdkMenuTriggerFor` is used together

[mistrykaran91]

trafficstars

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Currently, menu's appear on top of the preceding one when cdkContextMenuTriggerFor and cdkMenuTriggerFor are used simultaneously. Additionally, the screen freezes and becomes unusable if you continue with the reproduction stage; closing the browser tab is your only choice.

One way : Adding a backdrop overlay, similar to what we have with mat-select, mat-autocomplete, etc., would be a one way but it will become annoying as we have click twice.

Reproduction

StackBlitz link: https://stackblitz.com/edit/o8qu6phn-szv21tzo Steps to reproduce:

1. Right click inside the red bordered div
2. Left click immediately inside the red bordered div
3. Repeat the above two step until the screen becomes unresponsive.

Expected Behavior

• Menu's should not overlap each other
• Screen should not freeze and become unresponsive.

Actual Behavior

• Menu's are overlapping each other
• Screen is freezing and becomes unresponsive.

Environment

• Angular: 19.2.0
• CDK/Material:19.2.0
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): MacOS, Windows.

[mistrykaran91]

@crisbeto, @mmalerba , just a small request if you'll can take a look into this one too :)

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}