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

リンクされた StackBlitz の再現から始め、mat-hint と mat-error を使用する Angular Material form-field の例を調査します。Issue で言及されている outline のケースも含めてください。影響を受けるすべてのテキスト状態で再現を確認します。完了の条件は、hint とエラーの全文が切り取られずに表示されることです。

索引モデルが issue の本文から書いたものです。