I recently incorporated Mat-Select from Angular material (TS) into my project and came across an interesting issue. The dropdown menu isn't opening unless I click on the bottom line of the mat-select component. In the past, when I worked with Mat-select fields, the dropdown would open when I clicked anywhere within the field. What could be causing this unexpected behavior?
<mat-form-field>
<mat-label>Toppings</mat-label>
<mat-select [formControl]="toppings" multiple>
<mat-option *ngFor="let topping of toppingList" [value]="topping">{{
topping
}}</mat-option>
</mat-select>
</mat-form-field>