Clarification on footer and header behavior about svelte-tiny-virtual-list

[hrescak]

Thank you so much for the quick fix!

[jonasgeiler]

The thing is, I've added the header/footer slots with invisible elements in mind - like my svelte-infinite-loading element. Nevertheless:

• not affect the overflow of the parent container. At this moment, when you add a footer and a header, there doesn't appear to be a way for the container to not show a scrollbar.

I looked into it and it seems the problem is caused by the min-height: 100% at .virtual-list-inner... Not exactly sure why I've added this style and I'll check later if it breaks anything when I remove it.

• the footer to be positioned immediately after the last element

As far as I can see, the VirtualList in your example has a height of 500px, and because it doesn't need all this space the footer doesn't appear directly after the last element. If you want an element that always appears after the last item you could just add a special item at the last index that's rendered differently:

<div slot="item" let:index let:style {style} class="row">
	{#if index === 5}
		Last Item!
	{:else}
		Item #{index}
	{/if}
</div>

Edit: Nevermind this is also caused by the min-height: 100%

[jonasgeiler]

Fixed in 1d21bf9
Edit: Fix fixed in 93271d0

Just noticed that your REPL fixed itself because it's using the latest version hehe