@cdevhub/ngx-chat 1.0.9 → 1.0.10

package/fesm2022/cdevhub-ngx-chat.mjs

@@ -8221,19 +8221,25 @@ class ChatMessagesComponent {
     // ===========================================================================
     /**
      * Programmatically scrolls to the bottom of the message list.
-     * Uses requestAnimationFrame to ensure DOM is fully updated before scrolling.
+     * Uses setTimeout to ensure DOM is fully updated and measured before scrolling.
      */
     scrollToBottom() {
         const scrollbarInstance = this.scrollbar();
         if (!scrollbarInstance)
             return;
-        // Use requestAnimationFrame to ensure DOM has updated before scrolling
-        requestAnimationFrame(() => {
+        // Use setTimeout(0) to push scroll to next macrotask after DOM is fully updated
+        // requestAnimationFrame alone is not sufficient as scrollHeight may not be updated yet
+        setTimeout(() => {
+            const viewport = scrollbarInstance.viewport?.nativeElement;
+            if (!viewport)
+                return;
+            // Calculate scroll position directly for reliability
+            const scrollTop = viewport.scrollHeight - viewport.clientHeight;
             scrollbarInstance.scrollTo({
-                bottom: 0,
+                top: scrollTop,
                 duration: 200,
             });
-        });
+        }, 0);
     }
     /**
      * Programmatically scrolls to a specific message by ID.
@@ -8848,7 +8854,7 @@ class ChatComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-chat', standalone: true, imports: [CommonModule, ChatHeaderComponent, ChatHeaderContentDirective, ChatSenderComponent, ChatMessagesComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChatEventService], host: {
+            args: [{ selector: 'ngx-chat', standalone: true, imports: [CommonModule, ChatHeaderComponent, ChatSenderComponent, ChatMessagesComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChatEventService], host: {
                         'class': 'ngx-chat',
                         '[class.ngx-chat--dark]': 'isDarkTheme()',
                         '[class.ngx-chat--light]': 'isLightTheme()',