Scrolling up in Lit example stutters and resets scroll
Maintainer antworten meist innerhalb von 1 Tag
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Anfängerfreundlichkeit
- 35/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- typescript
- Bereich
- frontend, performance
Rechercherichtung
Beginne mit dem im Issue verlinkten dynamischen Lit-Beispiel und reproduziere das Problem, indem du die generierten Sätze verkürzt. Vergleiche das Scrollverhalten mit Elementen unterschiedlicher Höhe und untersuche anschließend den vom Beispiel verwendeten Virtualizer-Pfad. Als erledigt gilt die Aufgabe, wenn das Zurückscrollen nach oben flüssig bleibt und die Scrollposition nicht zurückgesetzt wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 7.1k
- Forks
- 472
- Ø Merge
- 1 T. 2 Std.
- Gemergte PRs (30 T.)
- 12
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Hat eine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus 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)Evtl. vergeben @webn00b hat das vor 10 Tagen übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
Maintainer antworten meist innerhalb von 1 Tag
-
`scrollToIndex(last, { align: 'end' })` stays short of the end after a measured row grows (virtual-core ≥ 3.17.0)Evtl. vergeben @minwookshin hat das vor 7 Tagen übernommen. Offen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 55/100
TanStack/virtual#1290 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
virtual-core: desktop Safari drops the prepend anchor write when history lands during the top rubber-band bounceEvtl. vergeben Ein verknüpfter Pull Request ist offen oder bereits gemergt. Offen
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 38/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 62/100
Maintainer antworten meist innerhalb von 1 Tag
-
marko-virtual: scrollToEnd during an in-flight prepend strands the view one prepend above the bottom (chat-pretext e2e fails on CI)Evtl. wieder frei Ein Pull Request dazu wurde ohne Merge geschlossen. Offen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 55/100
Maintainer antworten meist innerhalb von 1 Tag
Alle Issues in TanStack/virtual
Ähnliche Issues
-
bot:ai-assisted status:untriaged
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
midnightntwrk/midnight-js#1424 ·
Maintainer antworten meist innerhalb von 1 Tag
-
enhancement
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
mksglu/context-mode#1268 ·
Maintainer antworten meist innerhalb von 5 Tagen
-
Edit:Offencheck:failed streams:edit
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 60/100
iptv-org/iptv#54352 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
[Table] reserveSelectedRowOnPaginate=false 时表头全选包含其他页数据Evtl. vergeben @dvd233 hat das heute übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
Tencent/tdesign-react#4416 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
area:widget bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 66/100
interledger/publisher-tools#894 ·
Maintainer antworten meist innerhalb von 1 Tag