[Fork] Svelte 5 Support

[TutorLatin]

Svelte-tiny-virtual-list with runes.

This replaces #43

[rxliuli]

Since the original author seems to have not merged this PR for a long time, should we consider forking this repository and releasing a new npm package until @jonasgeiler has time to review and merge this PR?

[LiamKrenn]

for now: https://www.npmjs.com/package/svelte5-tiny-virtual-list

Altough I'm not sure it works - I just published it as is and I'm still experiencing issues.

Would be great if there is an official solution soon @jonasgeiler

[TutorLatin]

Thanks for the npm package @LiamKrenn
What issues are you experiencing?

[LiamKrenn]

@TutorLatin

After a few elements, the bottom elements are just hidden. You can't scroll too. Height should be more than enough

[TutorLatin]

That's weird. Make sure you have migrated all slots to snippets.

[LiamKrenn]

I did, and it seems like it's a styling error. When more items are in the list, it's scrollable again, but it's weird and you can't scroll to the bottom. Here's a screen recording: https://youtu.be/yKUIum_TrOM

[LiamKrenn]

@TutorLatin I figured out that it has to do with the height property. With your fork it expects a string, but this breaks things. If you pass a number like height={200} it works again as expected, even though the type check throws an error.

[ubzor]

I did, and it seems like it's a styling error. When more items are in the list, it's scrollable again, but it's weird and you can't scroll to the bottom. Here's a screen recording: https://youtu.be/yKUIum_TrOM

I figured out that it has to do with the height property. With your fork it expects a string, but this breaks things. If you pass a number like height={200} it works again as expected, even though the type check throws an error.

Same problem here. infiniteHandler triggers twice after initial rendering, and after that not triggers anymore. Only first portion of data is rendered, and there are glitches when scrolling up and down.

Setting integers to height attribute is not helping with a problem.