How to hide Mat Multi Select Dropdown on Clicking the custom Button

Question

I am using Mat MultiSelect Dropdown When I am selecting the CheckBoxes

When I am clicking on Apply it stays shown until I click on somewhere else in the window. How can I hide this dropdown on Click

Answer 1

<mat-form-field appearance="fill" [ngClass]="{ 'hidden': "condition"}">
  <mat-label>Anything </mat-label>

.CSS

.hidden {
  display: none;
}