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

Bắt đầu với bản tái hiện StackBlitz được liên kết và kiểm tra ví dụ Angular Material form-field sử dụng mat-hint và mat-error, bao gồm cả trường hợp outline được đề cập trong issue. Xác nhận bản tái hiện trên tất cả các trạng thái văn bản bị ảnh hưởng; được xem là hoàn tất khi toàn bộ văn bản hint và lỗi đều hiển thị mà không bị cắt.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.