React: Conditionally rendering causes scroll element to scroll to top
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend, performance
Direzione di ricerca
Inizia dalla riproduzione collegata in CodeSandbox e verifica come viene eseguito il rendering della seconda lista virtualizzata dopo aver fatto clic su “Render More”. Confronta la posizione di scorrimento della pagina prima e dopo tale rendering nell’ambiente indicato. Il lavoro è completato quando la seconda lista viene renderizzata senza spostare la pagina in cima, mantenendo invariato il comportamento esistente della riproduzione.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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.
- Lingua principale
- TypeScript
- Stelle
- 7.1k
- Fork
- 472
- Merge medio
- 1g 2h
- PR unite (30g)
- 12
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di 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)Forse già presa @webn00b l’ha presa 10 giorni fa. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
`scrollToIndex(last, { align: 'end' })` stays short of the end after a measured row grows (virtual-core ≥ 3.17.0)Forse già presa @minwookshin l’ha presa 8 giorni fa. Aperta
Difficoltà 4/5 3-5 giorni Idoneità per principianti 55/100
TanStack/virtual#1290 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
virtual-core: desktop Safari drops the prepend anchor write when history lands during the top rubber-band bounceForse già presa Una pull request collegata a questa issue è aperta o già unita. Aperta
Difficoltà 5/5 Più di una settimana Idoneità per principianti 38/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 62/100
I maintainer di solito rispondono entro 1 giorno
-
marko-virtual: scrollToEnd during an in-flight prepend strands the view one prepend above the bottom (chat-pretext e2e fails on CI)Forse di nuovo libera Una pull request per questa issue è stata chiusa senza essere unita. Aperta
Difficoltà 4/5 3-5 giorni Idoneità per principianti 55/100
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di TanStack/virtual
Issue simili
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
github/docs#46222 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
agent-ready area: config area: skills type: chore upstream: brain-kit
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 95/100
-
enhancement priority:low ready-for-dev
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
I maintainer di solito rispondono entro 1 giorno
-
bug escritorio mapa
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
marcosferr/reporte-ciudadano#4 · 1 commento ·
-
area: material/sort gemini-triaged needs triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
angular/components#33933 ·
I maintainer di solito rispondono entro 1 giorno