virtual
virtual copied to clipboard
TanStack
🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
### Describe the bug We have a Dropdown Component, which uses the following stack: 1) "@tanstack/react-virtual": "3.0.0-beta.54" 2) "@headlessui/react": "1.7.16" Particularly, we are using [Combobox](https://headlessui.com/react/combobox) and virtualiser since we have...
### Describe the bug When a `scrollToIndex` call is made, a scroll to the index block occurs. If `scrollToIndex` align value has `start`, then the scroll will be scrolled so...
[Lit](https://lit.dev/) is a growing library for building web-components with ease. This PR introduces `@tanstack/lit-virtual` integration package for creating virtualized elements using Lit's [Reactive Controllers](https://lit.dev/docs/composition/controllers/) I guess there's more room for...
[Related proposal](https://github.com/TanStack/virtual/discussions/722)
As "Copy" button copies the whole content, `$ npm install ...` would copy the dollar sign too, but it's redundant and not a valid command to run. I removed it...
I found an invalid link in example code. So I removed it. The `window-list` example was moved to another page in #614 . It seems the item was just forgotten...
### Describe the bug I'm using @tanstack/vue-virtual to render a dynamic list of elements and on specific browsers at specific resolution scaling virtualizer will end up in an infinite loop....
### Describe the bug The virtualizer doesn't seem to work when used in Vue Test Utils. ### Your minimal, reproducible example - ### Steps to reproduce 1. Create a new...
### Describe the bug Inside a `useEffect`, using `Virtualizer.scrollToIndex` when the list is empty is throwing the following error: `Uncaught Error: Unexpected undefined at notUndefined at Virtualizer.getOffsetForIndex` Admittedly, it is...
### Describe the bug I'm currently using table + virtual in this example [here](https://codesandbox.io/p/devbox/list-view-virtualized-9c555j?file=%2Fsrc%2FApp.tsx%3A280%2C22&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clsrilm1f00073b6k1dnwjk84%2522%252C%2522sizes%2522%253A%255B87.99775028121485%252C12.002249718785151%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clsrilm1e00023b6kxam2w1jt%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clsrilm1f00043b6kslnu79ic%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clsrilm1f00063b6kgexzrigr%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B100%252C0%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clsrilm1e00023b6kxam2w1jt%2522%253A%257B%2522id%2522%253A%2522clsrilm1e00023b6kxam2w1jt%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522clsrilm1f00063b6kgexzrigr%2522%253A%257B%2522id%2522%253A%2522clsrilm1f00063b6kgexzrigr%2522%252C%2522activeTabId%2522%253A%2522clsx0kdlz00433b6k8xm4kuti%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522port%2522%253A5173%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522clsx0kdlz00433b6k8xm4kuti%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clsrilm1f00043b6kslnu79ic%2522%253A%257B%2522id%2522%253A%2522clsrilm1f00043b6kslnu79ic%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522clsu2b0520ay43b6kdb90wprc%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clsu2b0520ay43b6kdb90wprc%2522%257D%257D%252C%2522showDevtools%2522%253Afalse%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D) Blank page is shown when scrolling horizontally and vertically, lots of warning that scroll handler took...
