fix(angular/menu): not interrupting keyboard events to other overlays

angular/components#23310

Author: jeripeierSBB

src/angular/menu/menu.spec.ts

@@ -452,13 +452,15 @@ describe('SbbMenu', () => {
 
     const panel = overlayContainerElement.querySelector('.sbb-menu-panel-wrapper')!;
     const event = createKeyboardEvent('keydown', ESCAPE);
+    spyOn(event, 'stopPropagation').and.callThrough();
 
     dispatchEvent(panel, event);
     fixture.detectChanges();
     tick(500);
 
     expect(overlayContainerElement.textContent).toBe('');
     expect(event.defaultPrevented).toBe(true);
+    expect(event.stopPropagation).toHaveBeenCalled();
   }));
 
   it('should not close the menu when pressing ESCAPE with a modifier', fakeAsync(() => {

src/angular/menu/menu.ts

@@ -324,7 +324,12 @@ export class SbbMenu implements AfterContentInit, SbbMenuPanel<SbbMenuItem>, OnI
         }
 
         manager.onKeydown(event);
+        return;
     }
+
+    // Don't allow the event to propagate if we've already handled it, or it may
+    // end up reaching other overlays that were opened earlier (see #22694).
+    event.stopPropagation();
   }
 
   /** Whether to display the menu header which mirrors the trigger content. */