diff --git a/src/routes/chat/+layout.svelte b/src/routes/chat/+layout.svelte index 7217ec0..efd29b0 100644 --- a/src/routes/chat/+layout.svelte +++ b/src/routes/chat/+layout.svelte @@ -23,7 +23,7 @@ import { Popover } from 'melt/builders'; import { useConvexClient } from 'convex-svelte'; import { callModal } from '$lib/components/ui/modal/global-modal.svelte'; - import { ElementSize, ScrollState, Debounced } from 'runed'; + import { ElementSize, ScrollState, Debounced, IsMounted } from 'runed'; import LoaderCircleIcon from '~icons/lucide/loader-circle'; import { cn } from '$lib/utils/utils.js'; import { pick } from '$lib/utils/object.js'; @@ -274,7 +274,12 @@ element: () => conversationList, }); - const notAtBottom = new Debounced(() => !scrollState.arrived.bottom, 500); + const mounted = new IsMounted(); + + const notAtBottom = new Debounced( + () => !scrollState.arrived.bottom, + () => (mounted.current ? 500 : 0) + );