fix(ChatMessages): ensure content is render before scrolling

benjamincanac · benjamincanac · commit 0db622acfb78 · 2025-10-01T11:35:51.000+02:00
diff --git a/src/runtime/components/ChatMessages.vue b/src/runtime/components/ChatMessages.vue
@@ -238,12 +238,15 @@ onMounted(() => {
     return
   }
 
-  if (props.shouldScrollToBottom) {
-    // Scroll to bottom on mount without smooth animation when `props.shouldScrollToBottom` is true
-    nextTick(() => scrollToBottom(false))
-  } else {
-    checkScrollPosition()
-  }
+  // Wait for content to fully render (especially MDC components in ChatPalette)
+  setTimeout(() => {
+    if (props.shouldScrollToBottom) {
+      // Scroll to bottom on mount without smooth animation when `props.shouldScrollToBottom` is true
+      scrollToBottom(false)
+    } else {
+      checkScrollPosition()
+    }
+  }, 100)
 
   // Add event listener to check scroll position to show the auto scroll button
   useEventListener(parent, 'scroll', checkScrollPosition)
