Skip to content

bug(cdk-menu): cdkMenuTriggerFor within cdkContextMenuTriggerFor causes repositioning when hovered #26675

Open
@spike-rabbit

Description

@spike-rabbit

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

Using a [cdkMenuTriggerFor] within a container that has a [cdkContextMenuTriggerFor] for the same cdkMenu.

Current behavior:
When a cdkMenu is opened by the [cdkContextMenuTriggerFor] the cdkMenu it will be repositioned to the [cdkMenuTriggerFor] when the [cdkMenuTriggerFor] is hovered.

Expected behavior:
the cdkMenu should stay at its current location, even if [cdkMenuTriggerFor] is hovered.

In case this is confirmed as a bug, I could provide a PR fixing the issue

Reproduction

Stackblitz: https://stackblitz.com/edit/components-issue-uo4741?file=src/app/example-component.html

Steps to reproduce:

  1. Right click on Lucas ipsum
  2. hover Open Context Menu button

Expected Behavior

contextMenu does not change position

Actual Behavior

contextMenu moves to the location of the button trigger

Environment

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

Can also be reproduced with the dev-app in the components repo

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: cdk/menu

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions