Solid – Virtualizing with a container using max-height doesn't show all items when total height is below max-height
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 48/100
- Type d'issue
- Bug
- Clarté
- Clairement spécifiée
- Activité
- À l'abandon
- Stack technique
- typescript
- Domaine
- frontend
Piste de recherche
Ouvrez d’abord la reproduction CodeSandbox liée et examinez le comportement du virtualizer lorsque cinq éléments sont redimensionnés à 198px dans un conteneur avec un max-height de 1000px. Suivez l’intégration de Solid à partir de cette reproduction et vérifiez que les cinq éléments sont renvoyés et rendus lorsque leur hauteur totale est inférieure à max-height.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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.
- Langage dominant
- TypeScript
- Étoiles
- 7.1k
- Forks
- 478
- Merge moyen
- 1 j 3 h
- PR mergées (30 j)
- 31
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de TanStack/virtual
-
Difficulté 4/5 3-5 jours Accessibilité débutants 25/100
Les mainteneurs répondent en général sous 1 jour
-
anchorTo: 'end' loses the end when the scroll element shrinksPeut-être pris @langleyd l’a pris il y a 11 jours. Ouverte
Difficulté 3/5 1-2 jours Accessibilité débutants 68/100
Les mainteneurs répondent en général sous 1 jour
-
marko-virtual: scrollToEnd during an in-flight prepend strands the view one prepend above the bottom (chat-pretext e2e fails on CI)Peut-être pris @prayaggaikwad96 l’a pris il y a 5 jours. Ouverte
Difficulté 4/5 3-5 jours Accessibilité débutants 55/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 4/5 3-5 jours Accessibilité débutants 42/100
TanStack/virtual#1252 · 2 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
lit-virtual: VirtualizerController never applies updated options after constructionPeut-être pris @waterWang l’a pris il y a 67 jours. Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 45/100
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de TanStack/virtual
Issues similaires
-
Object parameters lose their structure when resources is enabledPeut-être pris @asts-top l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
Les mainteneurs répondent en général sous 2 jours
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
jaegertracing/jaeger-ui#4618 ·
Les mainteneurs répondent en général sous 1 jour
-
pending close triaging
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
anomalyco/opencode#56765 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
area:plugins enhancement platform:vscode
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
anthropics/claude-code#103166 ·
Les mainteneurs répondent en général sous 1 jour
-
Types: FlashListProps imports ViewabilityConfig from react-native, removed in RN 0.87+Peut-être pris @efegokdemir l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Shopify/flash-list#2540 ·