make sure conversations scroll back down on page change (#52)

src/lib/actions/snapScrollToBottom.ts

@@ -1,3 +1,6 @@
+import { navigating } from '$app/stores';
+import { get } from 'svelte/store';
+
 /**
  * @param node element to snap scroll to bottom
  * @param dependency pass in a dependency to update scroll on changes.
@@ -25,7 +28,7 @@ export const snapScrollToBottom = (node: HTMLElement, dependency: any) => {
 		const options = { ...defaultOptions, ..._options };
 		const { force } = options;
 
-		if (!force && isDetached) return;
+		if (!force && isDetached && !get(navigating)) return;
 
 		node.scroll({
 			top: node.scrollHeight

src/routes/+layout.svelte

@@ -95,6 +95,7 @@
 		<div class="flex flex-col overflow-y-auto p-3 -mt-3 gap-2">
 			{#each data.conversations as conv}
 				<a
+					data-sveltekit-noscroll
 					href="{base}/conversation/{conv.id}"
 					class="pl-3 pr-2 h-12 group rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center gap-1 {conv.id ===
 					$page.params.id