TanStack / virtual

🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
https://tanstack.com/virtual
MIT License
5.42k stars 293 forks source link

fix: measureElement handle elements when keys change #801

Closed piecyk closed 1 month ago

nx-cloud[bot] commented 1 month ago

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 27e1ae883edcf60014a158c6fb2daa19102a6540. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution


✅ Successfully ran 2 targets - [`nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build`](https://cloud.nx.app/runs/L3LGEP4vch?utm_source=pull-request&utm_medium=comment) - [`nx run-many --target=build --exclude=examples/**`](https://cloud.nx.app/runs/SV7ya0xkVj?utm_source=pull-request&utm_medium=comment)

Sent with 💌 from NxCloud.

pkg-pr-new[bot] commented 1 month ago

commit: 27e1ae8

@tanstack/lit-virtual

``` pnpm add https://pkg.pr.new/@tanstack/lit-virtual@801 ```

@tanstack/react-virtual

``` pnpm add https://pkg.pr.new/@tanstack/react-virtual@801 ```

@tanstack/solid-virtual

``` pnpm add https://pkg.pr.new/@tanstack/solid-virtual@801 ```

@tanstack/svelte-virtual

``` pnpm add https://pkg.pr.new/@tanstack/svelte-virtual@801 ```

@tanstack/virtual-core

``` pnpm add https://pkg.pr.new/@tanstack/virtual-core@801 ```

@tanstack/vue-virtual

``` pnpm add https://pkg.pr.new/@tanstack/vue-virtual@801 ```

Open in Stackblitz

More templates

- [tanstack-lit-virtual-example-dynamic](https://pkg.pr.new/template/6a896e4b-32b6-45ef-8ce8-2786e6e4fd4f) - [tanstack-lit-virtual-example-fixed](https://pkg.pr.new/template/7850268f-53dc-4a25-9f1e-25fe9b3878ee) - [tanstack-react-virtual-example-dynamic](https://pkg.pr.new/template/51996c46-7a25-4d75-814b-d5ba40160474) - [tanstack-react-virtual-example-fixed](https://pkg.pr.new/template/b214bd21-0d5f-4ceb-b3a5-34171c8ca803) - [tanstack-react-virtual-example-infinite-scroll](https://pkg.pr.new/template/23a9ec7f-ad5e-4465-a462-ae44bf9c209c) - [tanstack-react-virtual-example-padding](https://pkg.pr.new/template/4b3410f7-5745-47a6-8191-f62581c42abb) - [tanstack-react-virtual-example-scroll-padding](https://pkg.pr.new/template/37c479f4-f3ed-4a18-9db4-dd0722a53fba) - [tanstack-react-virtual-example-smooth-scroll](https://pkg.pr.new/template/104f778f-d3ec-431a-8daa-8ba649bf0ad2) - [tanstack-react-virtual-example-sticky](https://pkg.pr.new/template/de322e0b-53b3-4226-9370-548dd9173197) - [tanstack-react-virtual-example-table](https://pkg.pr.new/template/8f7f599e-5975-4a1d-9b67-796ad1af6343) - [tanstack-react-virtual-example-variable](https://pkg.pr.new/template/2dd58b82-8b86-422d-805d-f576b7128cb5) - [tanstack-react-virtual-example-window](https://pkg.pr.new/template/b8bb9b1b-d5d2-4f37-94a7-967ca77cec16) - [tanstack-svelte-virtual-example-dynamic](https://pkg.pr.new/template/d70955dc-a6db-40c9-8146-9a9f1432e6a9) - [tanstack-svelte-virtual-example-fixed](https://pkg.pr.new/template/c6ae22a4-3f44-44d2-8ea9-26c2eca7c2f3) - [tanstack-svelte-virtual-example-infinite-scroll](https://pkg.pr.new/template/0589de1a-6809-4bbe-bc2c-82379d709052) - [tanstack-svelte-virtual-example-smooth-scroll](https://pkg.pr.new/template/54edf2f3-f689-4cba-9c18-7938e3897daf) - [tanstack-svelte-virtual-example-sticky](https://pkg.pr.new/template/f6b9d11e-de92-4c5b-8260-ee64a0c9d85f) - [tanstack-svelte-virtual-example-table](https://pkg.pr.new/template/312e22fb-c03a-460d-9469-30908d7a7559) - [tanstack-vue-virtual-example-dynamic](https://pkg.pr.new/template/02b18058-7afa-4705-b1ea-fb7ac09ad54c) - [tanstack-vue-virtual-example-fixed](https://pkg.pr.new/template/f29571f0-9569-461d-a734-3fb287753b1c) - [tanstack-vue-virtual-example-infinite-scroll](https://pkg.pr.new/template/12e783f7-bf31-4a03-ba59-d639ee8ff015) - [tanstack-vue-virtual-example-padding](https://pkg.pr.new/template/86dcef84-55ad-4d5c-b359-d3d0ef7835b7) - [tanstack-vue-virtual-example-scroll-padding](https://pkg.pr.new/template/adca3a35-150a-4c0f-bcfb-86de872f356b) - [tanstack-vue-virtual-example-smooth-scroll](https://pkg.pr.new/template/2d631328-b579-4b28-aa0d-4fa9d062b89b) - [tanstack-vue-virtual-example-sticky](https://pkg.pr.new/template/d6dd5e95-5078-49f2-b6ce-a70e863e8cff) - [tanstack-vue-virtual-example-table](https://pkg.pr.new/template/847890a7-4fc7-43f2-b78d-3654a08813d1) - [tanstack-vue-virtual-example-variable](https://pkg.pr.new/template/0a856525-db86-492f-b6fe-80106653cb89)