bug(mat-dialog): mat-dialog-content always has a scroll bar when there is a element with ripple overflowing inside

#### Reproduction

Steps to reproduce:
put a mat-slide-toggle in a mat-dialog-content

https://stackblitz.com/edit/angular-pt8j22?file=src/app/dialog-content-example-dialog.html

**EDIT: same goes for checkboxes**

#### Expected Behavior
there should not be a scroll bar when having a mat-slide-toggle in a mat-dialog-content if the content does not exceed the max height allowed

#### Actual Behavior
mat-dialog-content always has a scroll bar when there is a mat-slide-toggle inside it

#### Environment

- Angular: 10
- CDK/Material: 10
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Bắt đầu với bản tái hiện StackBlitz được liên kết, cụ thể là src/app/dialog-content-example-dialog.html, và chạy dialog chứa một mat-slide-toggle hoặc checkbox. So sánh mat-dialog-content khi có và không có phần tử ripple bị tràn; hoàn tất khi dialog không có thanh cuộn trong trường hợp nội dung nằm trong chiều cao cho phép.

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