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

Inizia con la riproduzione StackBlitz collegata, nello specifico src/app/dialog-overview-example.ts, e riproduci il comportamento in Firefox dopo aver effettuato lo scorrimento e aperto la finestra di dialogo. Confrontalo con Chrome; il lavoro è completato quando lo sticky background element rimane visibile mentre la finestra di dialogo è aperta in Firefox.

Scritto dal modello di indicizzazione a partire dal testo della issue.