diff --git a/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte b/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte index 5f85e3c7ab..781437e86e 100644 --- a/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte +++ b/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte @@ -78,7 +78,6 @@ onMount(async () => { window.addEventListener('resize', adjustHeight); - adjustHeight(); let notes = await getNoteList(localStorage.token).catch(() => { return []; @@ -175,6 +174,9 @@ fuse = new Fuse(items, { keys: ['name', 'description'] }); + + await tick(); + adjustHeight(); }); onDestroy(() => { diff --git a/src/lib/components/chat/MessageInput/Commands/Models.svelte b/src/lib/components/chat/MessageInput/Commands/Models.svelte index 437dd939d0..7f87164111 100644 --- a/src/lib/components/chat/MessageInput/Commands/Models.svelte +++ b/src/lib/components/chat/MessageInput/Commands/Models.svelte @@ -76,13 +76,14 @@ onMount(async () => { window.addEventListener('resize', adjustHeight); - adjustHeight(); await tick(); const chatInputElement = document.getElementById('chat-input'); await tick(); chatInputElement?.focus(); await tick(); + + adjustHeight(); }); onDestroy(() => { diff --git a/src/lib/components/chat/MessageInput/Commands/Prompts.svelte b/src/lib/components/chat/MessageInput/Commands/Prompts.svelte index 4f25f687a5..ffd02fbc41 100644 --- a/src/lib/components/chat/MessageInput/Commands/Prompts.svelte +++ b/src/lib/components/chat/MessageInput/Commands/Prompts.svelte @@ -59,8 +59,10 @@ onSelect({ type: 'prompt', data: command }); }; - onMount(() => { + onMount(async () => { window.addEventListener('resize', adjustHeight); + + await tick(); adjustHeight(); });