Solid – Virtualizing with a container using max-height doesn't show all items when total height is below max-height
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
- 48/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Abre primero la reproducción vinculada de CodeSandbox e inspecciona el comportamiento del virtualizer cuando cinco elementos cambian de tamaño a 198px dentro de un contenedor con un max-height de 1000px. Sigue la integración de Solid a partir de esa reproducción y verifica que los cinco elementos se devuelvan y se rendericen cuando su altura total sea inferior a max-height.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
I have a dynamically sized virtual list whose container scroll element has a max-height style. This way, the container should shrink to the full list of items without needing a scrollbar if all of the items can fit below the max-height value.
However, this breaks in Solid. When the total size of the list approaches the max-height or exceeds it, only some of the items are shown.
See this example, where I have 5 items with an initial estimated size of 28px. Then I dynamically update the item size to be 198px. This adds up to a total height of 990px;. In this image, the container has a max-height of 1000px. Despite having enough room to fit everything, only 2 virtual items are returned by the virtualizer:
See reproduction here: https://codesandbox.io/p/devbox/competent-tristan-7467c3
Your minimal, reproducible example
https://codesandbox.io/p/devbox/competent-tristan-7467c3
Steps to reproduce
- go to https://codesandbox.io/p/devbox/competent-tristan-7467c3
- See that not all items are drawn
Expected behavior
If the max-height exceeds the total height needed to show all items, all items should be shown.
How often does this bug happen?
Every time
Screenshots or Videos
Platform
OSX Chrome
tanstack-virtual version
3.10.8
TypeScript version
No response
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 HemiStake
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
hemilabs/ui-monorepo#2413 ·
Los mantenedores suelen responder en 1 día
-
component/ui framework/react kind/bug language/javascript
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
meshery/meshery#22216 · 3 comentarios ·
Los mantenedores suelen responder en 1 día
-
type/bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
Los mantenedores suelen responder en 1 día
-
company delete fails with 500 on any company that has activity (cost events, inbox dismissals)Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
paperclipai/paperclip#14982 ·
Los mantenedores suelen responder en 1 día
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Dificultad 1/5 Menos de una hora Aptitud para principiantes 95/100
lingdojo/kana-dojo#31515 · 1 comentario · 5 reacciones ·
Los mantenedores suelen responder en 1 día