bug(Dialog): Scrolled sticky elements disappear in Firefox after opening Dialog

#### Reproduction

https://stackblitz.com/edit/angular-f9cnkz?file=src%2Fapp%2Fdialog-overview-example.ts

Steps to reproduce:
1. Place a sticky element in the application
2. Make application scrollable
3. Open the application in Firefox
4. Scroll to the bottom
5. Open a dialog

#### Expected Behavior

The sticky element is still displayed in the background (like it does in Chrome)


#### Actual Behavior

The sticky element disappears, and re-appears after closing the dialog


#### Environment

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

リンクされている StackBlitz の再現例、具体的には src/app/dialog-overview-example.ts から始め、スクロールしてダイアログを開いた後の Firefox での動作を再現してください。Chrome と比較してください。Firefox でダイアログを開いている間も sticky background element が表示されたままになれば、作業は完了です。

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