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

Ripple memory leak

Abierto
#4,315 1 comentario 1 reacción 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
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript
Área
frontend, mobile

Línea de trabajo

Reproduce el problema en Framework7 v7 en Android/Web usando un badge con botones u otro elemento ripple y, después, inspecciona las instantáneas de Memory del navegador en busca de detached elements tras hacer clic. Comprueba la configuración de touchRippleElements y touchRippleInsetElements y el comportamiento del efecto ripple; se considera terminado cuando los clics ya no retienen detached elements ni generan la memory leak indicada, y desactivar ripple no produce un error.

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

Descripción

  • Framework7 version: 7
  • Platform and Target: Android / Web
Describe the bug

Ripple effect causes affected elements to remain detached. Also creates an detached div for the animation. It creates an memory leak of 1kb per click

To Reproduce

Steps to reproduce the behavior:

  1. Create a bage that contains buttons(or any ripple element)
  2. Click on the elements
  3. Go to developer console -> Memory
  4. Create a snapshot and look for detached elements
Expected behavior

Not creating a memory leak on click

Additional context

I am now trying to remove the ripple effect by this:

app = new Framework7({
...
touch: {
touchRippleElements: "",
touchRippleInsetElements: ""
}
});

It removes the memory leak, but causes an console error. Its not a blocker but still, i think it should not be an error but a warning

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

Preparar el entorno

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.