Browse Source

rf: dom queries in ResponseMessageComponent

Carlos Daniel Vilaseca 1 year ago
parent
commit
0fc76d46db
1 changed files with 2 additions and 2 deletions
  1. 2 2
      src/lib/components/chat/Messages/ResponseMessage.svelte

+ 2 - 2
src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -40,7 +40,7 @@
 
 	let edit = false;
 	let editedContent = '';
-
+	let editElement: HTMLTextAreaElement;
 	let tooltipInstance = null;
 
 	let sentencesAudio = {};
@@ -247,7 +247,6 @@
 		editedContent = message.content;
 
 		await tick();
-		const editElement = document.getElementById(`message-edit-${message.id}`);
 
 		editElement.style.height = '';
 		editElement.style.height = `${editElement.scrollHeight}px`;
@@ -341,6 +340,7 @@
 							<div class=" w-full">
 								<textarea
 									id="message-edit-{message.id}"
+									bind:this={editElement}
 									class=" bg-transparent outline-none w-full resize-none"
 									bind:value={editedContent}
 									on:input={(e) => {