fix: replace vanilla query with Lit query

Azure-Samples · Nov 6, 2023 · f19ba29 · f19ba29
1 parent a877fe8
commit f19ba29
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/chat-component/src/main.ts b/packages/chat-component/src/main.ts
@@ -60,6 +60,9 @@ export class ChatComponent extends LitElement {
   @query('#question-input')
   questionInput!: HTMLInputElement;
 
+  @query('#chat-list-footer')
+  chatFooter!: HTMLElement;
+
   // Default prompts to display in the chat
   @property({ type: Boolean })
   isDisabled = false;
@@ -123,9 +126,8 @@ export class ChatComponent extends LitElement {
   }
   // handle must scroll event
   handleOnMustScroll(): void {
-    const footer = this.shadowRoot?.querySelector('#chat-list-footer') as HTMLElement;
-    if (footer) {
-      scrollToFooter(footer);
+    if (this.chatFooter) {
+      scrollToFooter(this.chatFooter);
     }
   }
   // Send the question to the Open AI API and render the answer in the chat