GitShow/sveltejs/svelte-virtual-list
sveltejs

svelte-virtual-list

A virtual list component for Svelte apps

by sveltejs
Star on GitHubForkWebsitenpm

JavaScript

771 stars58 forks5 contributorsQuiet · 3y agoSince 2018

Meet the team

See all 5 on GitHub →
Rich-Harris
Rich-Harris59 contributions
benmccann
benmccann1 contribution
jacwright
jacwright1 contribution
mhkeller
mhkeller1 contribution
mustafa0x
mustafa0x1 contribution

Languages

View on GitHub →
JavaScript66.2%
Svelte32.6%
HTML1.3%

Community health

2 of 6 standards met

Community profile →
50
✓README✓License○Contributing○Code of Conduct○Issue Template○PR Template

Recent PRs & issues

Quiet · Last activity 3y ago
See all on GitHub →
Korysam15
Missing exports condition in @sveltejs/svelte-virtual-list@3.0.1OpenIssue

Hi, When installing and using @sveltejs/svelte-virtual-list@3.0.1 in a Svelte + Vite project, I’m running into an error related to a missing export condition. According to the Vite Svelte FAQ (Missing exports condition), this usually happens when the package.json is missing an "exports" field that defines the appropriate conditions (e.g., "svelte", "import", "require"). Steps to Reproduce Create a fresh SvelteKit or Vite + Svelte project. Install @sveltejs/svelte-virtual-list@3.0.1 Import and use the package in a component. Run vite dev or vite build. Expected Behavior The package should resolve correctly without throwing a missing exports condition error. Actual Behavior Vite throws an error about a missing exports condition. Possible Solution Update package.json for svelte-virtual-list to include proper "exports" entries following the guidance in the Vite Svelte FAQ. Example: "exports": { ".": { "types": "./dist/index.d.ts", "svelte": "./dist/index.js", "import": "./dist/index.js", "require": "./dist/index.cjs", "default": "./dist/index.js" } } Thanks for looking into this!

Korysam15 · 9mo ago
jithujoshyjy
It doesn't seem to work with Semantic HTMLOpenIssue

I was wondering if there's a way to make VirtualList support tags like <ul> to be the list a container having <li>s as list items or how can a <table> be rendered using it?

jithujoshyjy · 1y ago
gitbreaker222
[group] control scroll positionOpenIssue

This is a summary of issues around similar use-cases: #15 lazy loading: [bug, resolved?] adding more items keeps scroll position and increases scroll length below #28 scroll to song: bring an item (by index) into view #30 filtering list: [bug] removing more items than current scroll position assumes causes "empty" viewport #32 messenger: autoscroll to bottom if new items loades I hope the use-case-namings are helpful - all these issues have in common, that we expect certain behaviours from the scroll position. To prevent solving one issue while re-creating another, I suggest to work towards one PR that solves them together :bullettrain_side: :handshake: REPL: https://svelte.dev/repl/1c36db7c1e7e4ef2bfb04874321412e5?version=3.20.1 ___ comparable vanilla implementations: https://github.com/sergi/virtual-list https://github.com/voltraco/infinitely

gitbreaker222 · 1y ago

Recent fixes

View closed PRs →
adamrpostjr
Fixed stuck at scroll locationMergedPR

Fixed the issue where you're stuck in the scroll location during update of the items in the virtual list.. such as a search on the list of items

adamrpostjr · 11mo ago
slidenerd
Dynamic item heights without hardcoding them? Is that possible with this library?ClosedIssue

Look at this codepen They are not hardcoding heights for each item Is that possible with this library?

slidenerd · 1y ago
mustafa0x
remove unused varMergedPR
mustafa0x · 2y ago
Structured data for AI agents

Repository: sveltejs/svelte-virtual-list. Description: A virtual list component for Svelte apps Stars: 771, Forks: 58. Primary language: JavaScript. Languages: JavaScript (66.2%), Svelte (32.6%), HTML (1.3%). Homepage: https://svelte.dev/repl/f78ddd84a1a540a9a40512df39ef751b Open PRs: 8, open issues: 31. Last activity: 3y ago. Community health: 50%. Top contributors: Rich-Harris, benmccann, jacwright, mhkeller, mustafa0x.

·@ofershap

Replace github.com with gitshow.dev