<mat-hint> and <mat-error> text gets cut off at the bottom

#### What is the expected behavior?
We should be able to see the whole hint and error text.

#### What is the current behavior?
Hint and error text get cut off at the bottom.

#### What are the steps to reproduce?
https://angular-material-issue-hint-error-cut.stackblitz.io

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
All of them I think.

#### Is there anything else we should know?
For outline,

Inizia dalla riproduzione StackBlitz collegata e analizza l’esempio Angular Material form-field che usa mat-hint e mat-error, incluso il caso outline menzionato nell’issue. Conferma la riproduzione in tutti gli stati di testo interessati; il lavoro è completato quando il testo completo dell’hint e dell’errore è visibile senza essere tagliato.

Scritto dal modello di indicizzazione a partire dal testo della issue.