Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Refresh Page with popup present has gray background

Abierto
#4,300 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
48/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Empieza reproduciendo el problema con un popup con el backdrop predeterminado abierto; después, llama a router.refreshPage() y observa el backdrop de la página. Sigue los puntos de entrada del popup y de la actualización del router para determinar por qué el fondo gris permanece después de la actualización. Se considera terminado cuando la página actualizada queda limpia y el comportamiento del popup sigue siendo correcto para layouts de tamaño modal.

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

Descripción

  • Framework7 version: 8.3
  • Platform and Target: any but I'm using firefox and chrome for this project
  • Live Link or CodeSandbox: PREFERABLY (IF YOU WANT YOUR ISSUE TO BE RESOLVED ASAP). You can start from forking the following CodeSandbox template: CodeSandbox

I can provide a sandbox if you need it. Let me know.

Describe the bug

router refresh page works but if you have a popup displaying with gray background enabled (default), the parent page displays with the gray background.

To Reproduce

Any page with an included popup and default options. Open the popup and then issue a router.refreshPage() (could use a button but in my case it was driven from an event).

Expected behavior

A clean refresh of the page should occur.

Actual Behavior

Page is displayed with grayed background. Clicking the page will turn it off.

Screenshots
Additional context

I was able to resolve this by adding data-backdrop="false" to the popup definition. This works for me because the display format always shows the popup in full screen and graying the background is not visible. But for larger screen formats where the popup looks like a modal dialog box, this solution would not be adequate. It seems a refresh should refresh the page regardless of state.

Lenguaje dominante
JavaScript
Estrellas
18.8k
Forks
3.2k
Métricas de merge de PR
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de framework7io/framework7

Todos los issues de framework7io/framework7

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.