fix: track viewportHeight via window.innerHeight to avoid unwanted scrolling (#16356)

Use <svelte:window bind:innerHeight> instead of manual resize listener

Co-authored-by: Aleksander Grygier <redacted>

diff --git a/tools/server/webui/src/routes/+layout.svelte b/tools/server/webui/src/routes/+layout.svelte
index a4555ed5129968e7ff852d33bc15d9e76ff8907a..bc204291960ce45181b4ffb789e064ad14ade921 100644 (file)
--- a/tools/server/webui/src/routes/+layout.svelte
+++ b/tools/server/webui/src/routes/+layout.svelte
@@ -25,6 +25,7 @@
        let isNewChatMode = $derived(page.url.searchParams.get('new_chat') === 'true');
        let showSidebarByDefault = $derived(activeMessages().length > 0 || isLoading());
        let sidebarOpen = $state(false);
+       let innerHeight = $state<number | undefined>();
        let chatSidebar:
                | { activateSearchMode?: () => void; editActiveConversation?: () => void }
                | undefined = $state();
@@ -140,8 +141,6 @@
        });
 </script>
 
-<svelte:window onkeydown={handleKeydown} />
-
 <ModeWatcher />
 
 <Toaster richColors />
@@ -157,7 +156,7 @@
 />
 
 <Sidebar.Provider bind:open={sidebarOpen}>
-       <div class="flex h-screen w-full">
+       <div class="flex h-screen w-full" style:height="{innerHeight}px">
                <Sidebar.Root class="h-full">
                        <ChatSidebar bind:this={chatSidebar} />
                </Sidebar.Root>
@@ -174,3 +173,5 @@
                </Sidebar.Inset>
        </div>
 </Sidebar.Provider>
+
+<svelte:window onkeydown={handleKeydown} bind:innerHeight />