virtual
virtual copied to clipboard
🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
Fixes #736 Fixes #743 This PR addresses a critical issue with useVirtualizer compatibility when used alongside the React compiler. Previously, the React compiler would cache results based on the virtualizer...
This PR wraps the two ResizeObserver callbacks with a window.requestAnimationFrame so that the "ResizeObserver loop completed with undelivered notifications" error doesn't happen. Problem: ResizeObserver callbacks throw errors if they aren't...
### Describe the bug I am having trouble getting a virtual scroll running properly. I have data that is very much dynamic within its size. There can be 1 or...
### Describe the bug I use useVirtualize with `useWindowSize` for the responsive item size. ```tsx const { width } = useWindowSize(); const columnVirtualizer = useVirtualizer({ horizontal: true, count: 100, getScrollElement:...
fix(virtual-core): Add option to disable element dimension rounding for improved scrolling precision
This PR introduces a new `roundElementDimensions` prop to the `VirtualizerOptions`, allowing users to disable the default behavior of rounding element dimensions. Problem: Programmatic scrolling at the bottom of very large...
### Describe the bug The @tanstack/lit-virtual package does not re-export @tanstack/virtual-core as is promised by the documentation and followed upon by all other framework-specific packages. All the other packages have...
### Describe the bug Hi, I have app that has tabbed view with multiple lists. When tab switched all elements in list disapears. After it went back to visible state,...
When HMR is triggered `useEffect` cleanup function will call function returned from `instance._didMount()`. This will set `scrollElement` to null and `Virtualizer` will stop working. I added an additional check if...
### Describe the bug The recent change to VirtualItem.Key breaks the `:key` bindings in `v-for` loops. Example:  ### Your minimal, reproducible example https://github.com/tanstack/virtual/tree/main/examples/ ### Steps to reproduce Setup a...
This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@tanstack/angular-query-experimental](https://tanstack.com/query) ([source](https://redirect.github.com/TanStack/query/tree/HEAD/packages/angular-query-experimental)) | [`5.80.6` -> `5.80.7`](https://renovatebot.com/diffs/npm/@tanstack%2fangular-query-experimental/5.80.6/5.80.7) | [](https://docs.renovatebot.com/merge-confidence/) |...