Skip to content

Commit 01e4a2a

Browse files
fix: track viewportHeight via window.innerHeight to avoid unwanted scrolling
Use <svelte:window bind:innerHeight> instead of manual resize listener Co-authored-by: Aleksander Grygier <aleksander.grygier@gmail.com>
1 parent f09aefa commit 01e4a2a

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

tools/server/webui/src/routes/+layout.svelte

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@
2525
let isNewChatMode = $derived(page.url.searchParams.get('new_chat') === 'true');
2626
let showSidebarByDefault = $derived(activeMessages().length > 0 || isLoading());
2727
let sidebarOpen = $state(false);
28+
let innerHeight = $state<number | undefined>();
2829
let chatSidebar:
2930
| { activateSearchMode?: () => void; editActiveConversation?: () => void }
3031
| undefined = $state();
@@ -157,7 +158,7 @@
157158
/>
158159

159160
<Sidebar.Provider bind:open={sidebarOpen}>
160-
<div class="flex h-screen w-full">
161+
<div class="flex h-screen w-full" style:height="{innerHeight}px">
161162
<Sidebar.Root class="h-full">
162163
<ChatSidebar bind:this={chatSidebar} />
163164
</Sidebar.Root>
@@ -174,3 +175,5 @@
174175
</Sidebar.Inset>
175176
</div>
176177
</Sidebar.Provider>
178+
179+
<svelte:window onkeydown={handleKeydown} bind:innerHeight />

0 commit comments

Comments
 (0)