<div class="modal fade" id="kt_modal_add_customer" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Form-->
<form [formGroup]="formData" class="form" action="#" id="kt_modal_add_customer_form" >
<!--begin::Modal header-->
<div class="fv-row mb-7">
<!--begin::Label-->
<label class="required fs-6 fw-semibold mb-2">Lead Targets</label> <br/>
<mat-select class="form-select" [formControl]="custCtrl" placeholder="Data" #singleSelect>
<mat-option >
<ngx-mat-select-search
[formControl]="custromerFilterCtrl"
></ngx-mat-select-search>
</mat-option>
<mat-option *ngFor="let customer of filteredCustomers | async" [value]="customer">
{{customer.Name}}
</mat-option>
</mat-select>
<!--end::Input-->
</div>
</form>
<!--end::Form-->
</div>
</div>
.dropdown-menu {
z-index: 9999;
}