From d8e814cd0f48229a9abec3bb7b3497437d4fa64f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marker=20dao=20=C2=AE?= <youdontknow@marker-dao.eth>
Date: Fri, 30 Aug 2024 11:37:46 +0200
Subject: [PATCH] Chat: Fix message group container

---
 .../devextreme/js/__internal/ui/chat/chat_message_list.ts    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/devextreme/js/__internal/ui/chat/chat_message_list.ts b/packages/devextreme/js/__internal/ui/chat/chat_message_list.ts
index de538aab406f..38571b62ba12 100644
--- a/packages/devextreme/js/__internal/ui/chat/chat_message_list.ts
+++ b/packages/devextreme/js/__internal/ui/chat/chat_message_list.ts
@@ -60,7 +60,10 @@ class MessageList extends Widget<MessageListOptions> {
   }
 
   _createMessageGroupComponent(items: Message[], userId: string | number | undefined): void {
-    const $messageGroup = $('<div>').appendTo(this._$content);
+    const scrollableContent = this._scrollable?.content();
+    const messageGroupContainer = scrollableContent || this._$content;
+
+    const $messageGroup = $('<div>').appendTo(messageGroupContainer);
 
     const messageGroup = this._createComponent($messageGroup, MessageGroup, {
       items,