fix(cdk/menu): close sibling triggers when opening a menu

Currently, when any sibling menu is opened then it overlaps and in cases it freezes and makes the screen unresponsive. This fix will close any sibling menu if its open

Fixes #30881

Author: mistrykaran91

src/cdk/menu/context-menu-trigger.ts

@@ -27,6 +27,7 @@ import {merge, partition} from 'rxjs';
 import {skip, takeUntil, skipWhile} from 'rxjs/operators';
 import {MENU_STACK, MenuStack} from './menu-stack';
 import {CdkMenuTriggerBase, MENU_TRIGGER} from './menu-trigger-base';
+import {CDK_MENU} from './menu-interface';
 
 /** The preferred menu positions for the context menu. */
 const CONTEXT_MENU_POSITIONS = STANDARD_DROPDOWN_BELOW_POSITIONS.map(position => {
@@ -92,6 +93,9 @@ export class CdkContextMenuTrigger extends CdkMenuTriggerBase implements OnDestr
 
   private readonly _changeDetectorRef = inject(ChangeDetectorRef);
 
+  /** The parent menu this trigger belongs to. */
+  private readonly _parentMenu = inject(CDK_MENU, {optional: true});
+
   /** Whether the context menu is disabled. */
   @Input({alias: 'cdkContextMenuDisabled', transform: booleanAttribute}) disabled: boolean = false;
 
@@ -237,7 +241,7 @@ export class CdkContextMenuTrigger extends CdkMenuTriggerBase implements OnDestr
       this.overlayRef!.updatePosition();
     } else {
       this.opened.next();
-
+      this._closeSiblingTriggers();
       if (this.overlayRef) {
         (
           this.overlayRef.getConfig().positionStrategy as FlexibleConnectedPositionStrategy
@@ -251,4 +255,22 @@ export class CdkContextMenuTrigger extends CdkMenuTriggerBase implements OnDestr
       this._subscribeToOutsideClicks(userEvent);
     }
   }
+
+  /** Close out any sibling menu trigger menus. */
+  private _closeSiblingTriggers() {
+    if (this._parentMenu) {
+      // If nothing was removed from the stack and the last element is not the parent item
+      // that means that the parent menu is a menu bar since we don't put the menu bar on the
+      // stack
+      const isParentMenuBar =
+        !this.menuStack.closeSubMenuOf(this._parentMenu) &&
+        this.menuStack.peek() !== this._parentMenu;
+
+      if (isParentMenuBar) {
+        this.menuStack.closeAll();
+      }
+    } else {
+      this.menuStack.closeAll();
+    }
+  }
 }

src/cdk/menu/menu-trigger.ts

@@ -109,7 +109,7 @@ export class CdkMenuTrigger extends CdkMenuTriggerBase implements OnChanges, OnD
   open() {
     if (!this.isOpen() && this.menuTemplateRef != null) {
       this.opened.next();
-
+      this._closeSiblingTriggers();
       this.overlayRef = this.overlayRef || this._overlay.create(this._getOverlayConfig());
       this.overlayRef.attach(this.getMenuContentPortal());
       this._changeDetectorRef.markForCheck();