angular / angular/components

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

Abierto
#23,354 2 comentarios 7 reacciones 0 asignados Ver en GitHub
area: cdk/overlay firefox P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción enlazada de StackBlitz, concretamente con src/app/dialog-overview-example.ts, y reproduce el comportamiento en Firefox después de desplazarte y abrir el diálogo. Compáralo con Chrome; el trabajo estará terminado cuando el sticky background element siga visible mientras el diálogo esté abierto en Firefox.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.