Remove text from above select material in Angular

Question

In the following stackblitz example you can see the "Toppings" placeholder on it; when a user selects any items from the dropdown the "Toppings" text gets smaller and moves above the select.

Is there any way to remove the toppings text from above or display an empty string instead of it when the user selects anything?

Answer 1

Use <mat-form-field [floatLabel]="'never'">