fix(cdk/menu): enable inline popover

Author: adolgachev

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

@@ -137,6 +137,7 @@ export class CdkContextMenuTrigger extends CdkMenuTriggerBase implements OnDestr
 positionStrategy: this._getOverlayPositionStrategy(coordinates),
 scrollStrategy: this.menuScrollStrategy(),
 direction: this._directionality||undefined,
+usePopover: true,
 });
 }
 
@@ -150,6 +151,7 @@ export class CdkContextMenuTrigger extends CdkMenuTriggerBase implements OnDestr
 returncreateFlexibleConnectedPositionStrategy(this._injector,coordinates)
 .withLockedPosition()
 .withGrowAfterOpen()
+.withPopoverLocation('inline')
 .withPositions(this.menuPosition??CONTEXT_MENU_POSITIONS);
 }
 

src/cdk/menu/menu-bar.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import{AfterContentInit,Directive}from'@angular/core';
+import{inject,AfterContentInit,Directive,ElementRef}from'@angular/core';
 import{
 DOWN_ARROW,
 ESCAPE,
@@ -16,6 +16,7 @@ import{
 TAB,
 UP_ARROW,
 }from'../keycodes';
+import{_getEventTarget}from'../platform';
 import{takeUntil}from'rxjs/operators';
 import{CdkMenuGroup}from'./menu-group';
 import{CDK_MENU}from'./menu-interface';
@@ -43,6 +44,8 @@ import{CdkMenuBase} from './menu-base'
 ],
 })
 exportclassCdkMenuBarextendsCdkMenuBaseimplementsAfterContentInit{
+privatereadonly_elementRef: ElementRef<HTMLElement>=inject(ElementRef);
+
 /** The direction items in the menu flow. */
 overridereadonlyorientation='horizontal';
 
@@ -60,6 +63,13 @@ export class CdkMenuBar extends CdkMenuBase implements AfterContentInit{
  */
 _handleKeyEvent(event: KeyboardEvent){
 constkeyManager=this.keyManager;
+
+constelement=this._elementRef.nativeElement;
+consttarget=_getEventTarget(event)asHTMLElement;
+if(target!==element&&target.parentElement!==element){
+return;
+}
+
 switch(event.keyCode){
 caseUP_ARROW:
 caseDOWN_ARROW: