From a9a6c9ffeef04b2855c6d428c374136583147da9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=9D=D0=B0=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=B8=D0=BD?= <nadein-igor-vladimirovich@05-04-1999.ru>
Date: Tue, 13 Jan 2026 10:03:54 +0300
Subject: [PATCH] =?UTF-8?q?refactor:=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BA?=
 =?UTF-8?q?=D0=BB=D1=8E=D1=87=D0=B8=D0=BB=D0=B8=D1=81=D1=8C=20=D0=BD=D0=B0?=
 =?UTF-8?q?=20chatDetailV2.js=20(=D1=87=D0=B8=D1=81=D1=82=D0=B0=D1=8F=20?=
 =?UTF-8?q?=D0=B0=D1=80=D1=85=D0=B8=D1=82=D0=B5=D0=BA=D1=82=D1=83=D1=80?=
 =?UTF-8?q?=D0=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Прямой импорт ChatControllerV2 без промежуточных слоев
- Убраны deprecated обертки (window.messageRenderer, window.chatHistoryLoader)
- Меньше кода: 231 vs 264 строки
- Более явная архитектура
- Для тестирования работы в production
---
 backend/static/js/controllers/chatControllerV2.js | 13 ++++++++-----
 backend/templates/communications/chat_detail.html |  4 ++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/backend/static/js/controllers/chatControllerV2.js b/backend/static/js/controllers/chatControllerV2.js
index ef01abc1..88f86a16 100644
--- a/backend/static/js/controllers/chatControllerV2.js
+++ b/backend/static/js/controllers/chatControllerV2.js
@@ -513,11 +513,14 @@ export class ChatControllerV2 {
         const messageEl = this.scrollElement.querySelector(`[data-message-id="${messageId}"]`);
         
         if (messageEl) {
-            messageEl.scrollIntoView({
-                behavior: 'instant',
-                block: 'center',
-                inline: 'nearest'
-            });
+            // ✅ КРИТИЧНО: НЕ используем scrollIntoView() - он скроллит родителей!
+            // Вместо этого вручную скроллим только scrollElement
+            const containerRect = this.scrollElement.getBoundingClientRect();
+            const messageRect = messageEl.getBoundingClientRect();
+            const relativeTop = messageRect.top - containerRect.top;
+            const targetScrollTop = this.scrollElement.scrollTop + relativeTop - (this.scrollElement.clientHeight / 2) + (messageRect.height / 2);
+            
+            this.scrollElement.scrollTop = Math.max(0, targetScrollTop);
             return true;
         }
         
diff --git a/backend/templates/communications/chat_detail.html b/backend/templates/communications/chat_detail.html
index af430058..6f0b6897 100644
--- a/backend/templates/communications/chat_detail.html
+++ b/backend/templates/communications/chat_detail.html
@@ -311,8 +311,8 @@
   <script type="module" src="{% static 'vendor/emoji-picker/index.js' %}"></script>
   
   {# ========== CHAT DETAIL PAGE - CORE FUNCTIONALITY ========== #}
-  {# chatDetail.js инициализирует все компоненты в правильном порядке #}
-  <script type="module" src="{% static 'js/pages/chatDetail.js' %}"></script>
+  {# chatDetailV2.js - чистая архитектура с прямым импортом V2 #}
+  <script type="module" src="{% static 'js/pages/chatDetailV2.js' %}"></script>
   
   {# ========== CHAT DETAIL - UI ENHANCEMENTS ========== #}
   {# Реакции, контекстное меню, выделение, голосования #}