Click on any item from page 2 onwards and it immediately jumps to the top of the list. How to conditionally retain scroll positions?

[slidenerd]

How to reproduce

• View the page with enough width (say a desktop) where list and detail are shown side by side
• Click show more, go to page 2 or 3 or any other page than 1
• Click on any item
• Boom, we jump straight to the top

Codesandbox Link

Here is the codesandbox clearly illustrating the issue

• Removing that virtual list and simply looping through items doesn't have this issue

Questions

• When filter or search is changed, scroll position should be back to 0
• But when clicking on items, scroll position should be retained
• How to achieve this?

[inokawa]

It seems like your svelte code remounts the VList and discards the scroll position.

This library does nothing to keep scroll position between navigation or remount. So you have to reset it by yourself.
Some adapters have cache prop to help to keep scroll position easily. Svelete adapter doesn't have it yet though (PR welcome).

[slidenerd]

• I am new to both svelte and sveltekit
• And this issue would be a deal breaker in terms of functionality
• Any ideas / pointers /pseudocode on how to go about caching and restoring scroll position for item clicks
• Super appreciated if you could point me in some direction as you have internal knowledge of how this library works