在对话之后菜单位置移动。close / afterclosed（）

Question

所以我有一个菜单按钮，每个按钮上都有一个对话框。
因此，如果我按下“删除”按钮，则会打开一个对话框，显示“您确定要删除它”

但是当我按下确认按钮并再次单击菜单按钮时，菜单将移至其他位置。

在打开和关闭对话框之前：

打开和关闭对话框后：

HTML

<button mat-stroked-button color="primary" [matMenuTriggerFor]="Menu"> Options </button>
    <mat-menu  #Menu="matMenu">
      <button class="menu-item" mat-menu-item >Change</button>
      <button class="menu-item" mat-menu-item (click)="openRemoveEventDialog(event)">Remove</button>
      <button class="menu-item" mat-menu-item >Notify users</button>
      <button class="menu-item" mat-menu-item>Summary</button>
    </mat-menu>

TS对话框

 openRemoveEventDialog() {
    const dialogReference = this.dialog.open(RemoveEventDialogComponent);
    dialogReference.afterClosed().subscribe(result => {
    //do stuff here after button is clicked
   }
    });
  }