вопрос меню при наведении

Question

Я использую меню материалов , и при наведении курсора на второй вариант первый вариант остается выделенным. По умолчанию первый вариант всегда выделен.

Хотите решить проблему. есть ли у кого-нибудь такая же проблема

// Core
import { Component, ElementRef, EventEmitter, OnInit, Output, Renderer2, ViewChild } from '@angular/core';
import { MatMenuTrigger } from '@angular/material/menu';
import { Select, Store } from '@ngxs/store';
import { Observable } from 'rxjs/internal/Observable';
import { takeUntil } from 'rxjs/internal/operators/takeUntil';
import { filter } from 'rxjs/operators';
// Cmponent
import { BaseComponent } from 'src/app/shared/components/base/base.component';

// Util
import { isNullOrUndefined } from 'util';




@Component({
  selector: 'amds-payment-menu',
  templateUrl: './payment-menu.component.html',
  styleUrls: ['./payment-menu.component.scss']
})
export class PaymentMenuComponent extends BaseComponent implements OnInit {  

  paymentDetail: PaymentDetail;
  disableMenu: boolean;
  hideFinancialHistoryReport: boolean;
  showEDIReport: boolean;

  constructor(private store: Store, private renderer: Renderer2) {
    super();
  }

  ngOnInit() {

  }

   triggerPaymentLevelMenu(paymentDetail: PaymentDetail, event: any) {


    this.paymentMenuTrigger.openMenu();
  }


}