Scrolling up in Lit example stutters and resets scroll
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- typescript
- Domínio
- frontend, performance
Direção de pesquisa
Comece pelo exemplo dinâmico de Lit vinculado na issue e reproduza o problema encurtando as frases geradas. Compare o comportamento da rolagem com itens de alturas diferentes e, em seguida, inspecione o caminho do virtualizer usado por esse exemplo. Considera-se concluído quando rolar de volta para cima continua fluido e não redefine a posição de rolagem.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Describe the bug
I was having problems with my Lit virtualizer stuttering when scrolling back up through a dynamic list and couldn't understand why the example worked, but mine did not. So I updated the height of the items in the example, and it started to break like mine. It seems the example only works well because each item takes up most of the scroll element.
Your minimal, reproducible example
https://tanstack.com/virtual/latest/docs/framework/lit/examples/dynamic?panel=sandbox
Steps to reproduce
- Open the Lit dynamic example: https://tanstack.com/virtual/latest/docs/framework/lit/examples/dynamic?panel=sandbox
- Change the lorem ipsum generator to make shorter sentences ex.
faker.lorem.sentence(randomNumber(1, 20)) - Scroll down a ways and then scroll back up. It will start stuttering and reseting scroll. This gets worse the larger the difference in height between items.
Expected behavior
There should not be any stutter.
How often does this bug happen?
Often
Screenshots or Videos
No response
Platform
- OS: Mac
- Browser: Chrome
tanstack-virtual version
v3
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.
- Linguagem predominante
- TypeScript
- Estrelas
- 7.1k
- Forks
- 472
- Merge médio
- 1d 2h
- PRs com merge (30d)
- 12
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Tem um modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de TanStack/virtual
-
measureElement caches 0 size for nodes that aren't attached yet (Vue: rows stack at start 0 and the list scrolls away on mount)Talvez já em andamento @webn00b assumiu há 10 dias. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
Mantenedores costumam responder em até 1 dia
-
`scrollToIndex(last, { align: 'end' })` stays short of the end after a measured row grows (virtual-core ≥ 3.17.0)Talvez já em andamento @minwookshin assumiu há 8 dias. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 55/100
TanStack/virtual#1290 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
virtual-core: desktop Safari drops the prepend anchor write when history lands during the top rubber-band bounceTalvez já em andamento Um pull request vinculado a esta issue está aberto ou já foi mesclado. Aberta
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 38/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 62/100
Mantenedores costumam responder em até 1 dia
-
marko-virtual: scrollToEnd during an in-flight prepend strands the view one prepend above the bottom (chat-pretext e2e fails on CI)Talvez livre de novo Um pull request para esta issue foi fechado sem ser mesclado. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 55/100
Mantenedores costumam responder em até 1 dia
Todas as issues de TanStack/virtual
Issues semelhantes
-
check:passed streams:add
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 86/100
Mantenedores costumam responder em até 1 dia
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
OpenSlides/OpenSlides#7180 ·
-
area:claude-code-web area:docs bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
anthropics/claude-code#100184 ·
Mantenedores costumam responder em até 1 dia
-
Thumbnail generation from video buffers frames at source resolution: 2–3 GB per upload for 4K+ HEVCAberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
Chocobozzz/PeerTube#7817 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
open-telemetry/opentelemetry-js-contrib#3808 ·
Mantenedores costumam responder em até 2 dias