diff --git a/backend/static/js/components/userWebSocket.js b/backend/static/js/components/userWebSocket.js
index 57f7c1a7..5cb5bca1 100644
--- a/backend/static/js/components/userWebSocket.js
+++ b/backend/static/js/components/userWebSocket.js
@@ -281,11 +281,14 @@ export function initUserWebSocket(options = {}) {
     // Используем батчевый renderMessages вместо forEach для лучшей производительности
     options.messageRenderer.renderMessages(messages);
     
-    // Устанавливаем scroll в конец ДО показа контейнера
-    state.scrollEl.scrollTop = state.scrollEl.scrollHeight;
-    
-    // Показываем контейнер - пользователь сразу видит конец диалога
-    state.scrollEl.style.visibility = wasVisible || '';
+    // Используем requestAnimationFrame для гарантии что DOM обновлен перед прокруткой
+    requestAnimationFrame(() => {
+      // Устанавливаем scroll в конец ДО показа контейнера
+      state.scrollEl.scrollTop = state.scrollEl.scrollHeight;
+      
+      // Показываем контейнер - пользователь сразу видит конец диалога
+      state.scrollEl.style.visibility = wasVisible || '';
+    });
     
     // Инициализируем голосования после загрузки сообщений
     if (window.chatPoll) {
@@ -308,10 +311,16 @@ export function initUserWebSocket(options = {}) {
 
     options.messageRenderer.renderMessage(message);
     
-    // Автоскролл если внизу
-    const isAtBottom = markReadApi?.atBottom?.() ?? true;
-    if (isAtBottom || message.author_id === userId) {
-      scrollToBottom();
+    // Автоскролл ТОЛЬКО если это наше сообщение ИЛИ мы уже внизу
+    // Предотвращаем принудительный скролл при получении чужих сообщений
+    const isAtBottom = markReadApi?.atBottom?.() ?? false;
+    const isOwnMessage = message.author_id === userId;
+    
+    if (isOwnMessage || isAtBottom) {
+      // Используем requestAnimationFrame для плавности
+      requestAnimationFrame(() => {
+        scrollToBottom();
+      });
     }
 
     // Отмечаем как прочитанное
diff --git a/backend/templates/communications/chat_detail.html b/backend/templates/communications/chat_detail.html
index 5efd0f6c..879be098 100644
--- a/backend/templates/communications/chat_detail.html
+++ b/backend/templates/communications/chat_detail.html
@@ -303,12 +303,14 @@
   {# ========== THIRD-PARTY ========== #}
   <script type="module" src="{% static 'vendor/emoji-picker/index.js' %}"></script>
   
-  {# ========== CHAT DETAIL - NEW ENHANCED VERSION ========== #}
-  <script type="module" src="{% static 'js/chat-detail-enhanced.js' %}"></script>
-  
   {# ========== CHAT DETAIL PAGE - CORE FUNCTIONALITY ========== #}
+  {# chatDetail.js инициализирует все компоненты в правильном порядке #}
   <script type="module" src="{% static 'js/pages/chatDetail.js' %}"></script>
   
+  {# ========== CHAT DETAIL - UI ENHANCEMENTS ========== #}
+  {# Реакции, контекстное меню, выделение, голосования #}
+  <script type="module" src="{% static 'js/chat-detail-enhanced.js' %}"></script>
+  
   <script>
     // Блокировка объявления
     async function blockAnnouncement(chatId) {