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

Rendering performance decreased

Abierto
#4,353 1 comentario 2 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
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript

Línea de trabajo

Comienza reproduciendo la ralentización del renderizado en Chrome con Framework7 v9.0.X y compárala con v8.3.X. Céntrate en el selector de autocomplete .autocomplete-preloader-wrap:not(:has(.autocomplete-preloader-visible)) * y en su impacto en la invalidación o el recálculo. Se considera terminado cuando se haya restaurado el rendimiento del renderizado o el issue documente una forma verificada de desactivar o evitar el selector.

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

Descripción

After updating f7 to v9.0.X there is huge performance decrease (tested in chrome) during rendering

=> In v9.0.X there was a new selector introduced for autocomplete

.autocomplete-preloader-wrap:not(:has(.autocomplete-preloader-visible)) *

This selector seems to be a Render-Performance-Killer ... (nearly 10x slower)
attached two screenshots of a very small examples,,, have a look at the invalidation count....
These lead to a heavy amount of recalculations...

Image Image

I've tested the performance with the same code and F7 v8.3.X and its fast as usual ...
when i remove the selector also the app is fast....

Any hints how to disable this selector?

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.