<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,

Start with the linked StackBlitz reproduction and inspect the Angular Material form-field example using mat-hint and mat-error, including the outline case mentioned in the issue. Confirm the reproduction across the affected text states; done means the complete hint and error text is visible without being cut off.

Written by the indexing model from the issue text.