Vue - adding bigint to Key broke :key bindings
Los mantenedores suelen responder en 1 día
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
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Comienza con el directorio examples/ de Vue y la configuración de useVirtualizer mostrada en el informe, especialmente getItemKey cuando devuelve un id de tipo string. Reproduce el fallo de v-for :key con una clave que no sea un índice y, después, verifica que los bindings sigan siendo estables y que el ejemplo relevante o la cobertura de regresión pasen correctamente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
The recent change to VirtualItem.Key breaks the :key bindings in v-for loops.
Example:
Your minimal, reproducible example
https://github.com/tanstack/virtual/tree/main/examples/
Steps to reproduce
Setup a virtualizer that uses a key that's not the index e.g.
const rowVirtualizer = useVirtualizer(
computed(() => {
return {
count: props.items.length,
getScrollElement: () => virtualizerRef.value,
getItemKey: (index) => props.items[index].id, // <--- id here is string
estimateSize: () => 64,
overscan: 10,
debug: false,
};
})
);
Expected behavior
As a user I expected the :key bindings to not break in Vue v-for loops.
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
macOS, Linux
tanstack-virtual version
3.10.6
TypeScript version
5.5.4
Additional context
No response
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
- Lenguaje dominante
- TypeScript
- Estrellas
- 7.1k
- Forks
- 468
- Merge medio
- 1 d 2 h
- PR fusionados (30 d)
- 12
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de TanStack/virtual
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 4/5 3-5 días Aptitud para principiantes 55/100
TanStack/virtual#1290 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 38/100
Los mantenedores suelen responder en 1 día
-
Dificultad 4/5 3-5 días Aptitud para principiantes 62/100
Los mantenedores suelen responder en 1 día
-
Dificultad 4/5 3-5 días Aptitud para principiantes 55/100
Los mantenedores suelen responder en 1 día
Todos los issues de TanStack/virtual
Issues similares
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
aiko-chan-ai/DiscordBotClient#380 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
vercel/ai-elements#507 ·
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 Medio día Aptitud para principiantes 84/100
anaclumos/qa-interns#148 · 1 comentario ·
Los mantenedores suelen responder en 1 día