ripples (mat-checkbox, mat-option, etc...) cause scrolling in dialog

#### Bug, feature request, or proposal:
If a mat-checkbox is the last element in a mat-dialog-content it will cause the dialog to to have a scrollbar, even if the content has not reached it's max height.

#### What is the expected behavior?

There should be no scrolling if the dialog has room to grow.

#### What is the current behavior?

The dialog scrolls when a mat-checkbox is present.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-material2-issue-dhosn1

Click the button, notice the dialog.

#### What is the use-case or motivation for changing an existing behavior?

It looks bad.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Whatever is used by stackblitz

#### Is there anything else we should know?

Bắt đầu bằng cách tái hiện sự cố trong ví dụ StackBlitz được liên kết, sau đó kiểm tra sự tương tác giữa mat-dialog-content và ripple của mat-checkbox khi checkbox là phần tử cuối cùng. Công việc được hoàn tất khi một hộp thoại còn không gian để mở rộng không còn xuất hiện thanh cuộn khi có mat-checkbox hoặc một component tương tự có ripple.

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