React: Conditionally rendering causes scroll element to scroll to top
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
- react, typescript
- Domínio
- frontend, performance
Direção de pesquisa
Comece pela reprodução vinculada do CodeSandbox e inspecione como a segunda lista virtualizada é renderizada após clicar em “Render More”. Compare a posição de rolagem da página antes e depois dessa renderização no ambiente relatado. Está concluído quando a segunda lista é renderizada sem mover a página para o topo, enquanto o comportamento existente da reprodução permanece intacto.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Describe the bug
When a 2nd conditionally rendered virtual list is rendered, the page automatically scrolls to the top
Your minimal, reproducible example
https://codesandbox.io/p/devbox/cranky-fermat-vzkmd3
Steps to reproduce
Scroll to bottom and click the Render More button. Once clicked the 2nd virtualized list will render and the page will scroll to the top
Expected behavior
When the 2nd virtualized list is rendered, the page should not scroll to the top.
How often does this bug happen?
Every time
Screenshots or Videos
https://github.com/user-attachments/assets/4309df5d-4e1c-4900-bf5a-aced7b66757a
Platform
- OS: macOS
- Browser: Chrome 137
tanstack-virtual version
3.13.12
TypeScript version
5.8.3
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.2k
- Forks
- 479
- Merge médio
- 1d 5h
- PRs com merge (30d)
- 38
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
-
anchorTo: 'end' loses the end when the scroll element shrinksTalvez já em andamento @langleyd assumiu há 19 dias. Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 68/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 já em andamento @prayaggaikwad96 assumiu há 13 dias. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 55/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 42/100
TanStack/virtual#1252 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
-
eslint-plugin-react-hooks v7 warning for useVirtualizer: Compilation Skipped: Use of incompatible libraryTalvez já em andamento Um pull request vinculado a esta issue está aberto ou já foi mesclado. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 45/100
TanStack/virtual#1119 · 11 comentários · 32 reações ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
TanStack/virtual#1099 · 1 reação ·
Mantenedores costumam responder em até 1 dia
Todas as issues de TanStack/virtual
Issues semelhantes
-
支持对已取消（cancelled）任务生成报告Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 77/100
Clouditera/VulnHunter#57 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
Mantenedores costumam responder em até 1 dia
-
bug bug:behavior clawsweeper:bulk-filed clawsweeper:fix-shape-clear clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:auth-provider issue-rating: 🦞 diamond lobster P2
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
openclaw/openclaw#185297 · 1 comentário · 1 reação ·
Mantenedores costumam responder em até 1 dia
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
-
bug needs-triage
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
apex-dev-tools/apex-log-parser#199 ·
Mantenedores costumam responder em até 1 dia