angular / angular/components

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

Offen
#23,354 2 Kommentare 7 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/overlay firefox P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### 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)

![angular-material-dialog-chrome](https://user-images.githubusercontent.com/68286501/129209706-e693eeaf-0c6a-4357-b371-6350efd58eb8.gif)

#### Actual Behavior

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

![angular-material-dialog-firefox](https://user-images.githubusercontent.com/68286501/129209251-22de3be0-6375-4f30-81e0-160e5a388779.gif)

#### Environment

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion, insbesondere mit src/app/dialog-overview-example.ts, und reproduziere das Verhalten in Firefox nach dem Scrollen und Öffnen des Dialogs. Vergleiche es mit Chrome; die Arbeit ist abgeschlossen, wenn das sticky background element in Firefox sichtbar bleibt, während der Dialog geöffnet ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.