diff --git a/packages/browser-extension/src/MessageEditor.ts b/packages/browser-extension/src/MessageEditor.ts index 362b9673..295f29db 100644 --- a/packages/browser-extension/src/MessageEditor.ts +++ b/packages/browser-extension/src/MessageEditor.ts @@ -125,23 +125,28 @@ export class MessageEditor extends LitElement { private adjustTextareaHeight() { const textarea = this.textareaRef.value; if (textarea) { + // Reset height to auto to get accurate scrollHeight textarea.style.height = "auto"; - textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`; + // Only adjust if there's content, otherwise keep minimal height + if (this.value.trim()) { + textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`; + } } } override firstUpdated() { const textarea = this.textareaRef.value; if (textarea) { - // Set initial height properly - this.adjustTextareaHeight(); + // Don't adjust height on first render - let it be minimal textarea.focus(); } } override updated() { - // Adjust height when component updates - this.adjustTextareaHeight(); + // Only adjust height when component updates if there's content + if (this.value) { + this.adjustTextareaHeight(); + } } override render() { diff --git a/packages/browser-extension/src/dialogs/ApiKeysDialog.ts b/packages/browser-extension/src/dialogs/ApiKeysDialog.ts index d20d2a39..002d5cbb 100644 --- a/packages/browser-extension/src/dialogs/ApiKeysDialog.ts +++ b/packages/browser-extension/src/dialogs/ApiKeysDialog.ts @@ -182,6 +182,7 @@ export class ApiKeysDialog extends DialogBase { ` : "" } +
diff --git a/packages/browser-extension/src/sidepanel.html b/packages/browser-extension/src/sidepanel.html index b2768979..7d93924c 100644 --- a/packages/browser-extension/src/sidepanel.html +++ b/packages/browser-extension/src/sidepanel.html @@ -5,7 +5,7 @@ pi-ai - + \ No newline at end of file