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

リンクされている StackBlitz の再現、特に src/app/dialog-content-example-dialog.html から始め、mat-slide-toggle またはチェックボックスを含むダイアログを実行します。オーバーフローする ripple 要素がある場合とない場合で mat-dialog-content を比較します。コンテンツが許容される高さ内に収まっている間、ダイアログにスクロールバーがなければ完了です。

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