From b964f89c36d549a563eebf49086cba1a8a476402 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?= <igor_26reg@mail.ru>
Date: Fri, 5 Dec 2025 11:00:04 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B0=D0=B2=D1=82=D0=BE=D1=81=D0=BA?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BB=D0=BB=20=D0=B4=D0=BB=D1=8F=20=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B2=D1=8B=D1=85=20=D1=81=D0=BE=D1=82=D1=80=D1=83=D0=B4=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=B2=20=D1=82=D0=B5=D0=BF=D0=B5=D1=80=D1=8C?=
 =?UTF-8?q?=20=D0=B8=D0=BD=D0=B8=D1=86=D0=B8=D0=B0=D0=BB=D0=B8=D0=B7=D0=B8?=
 =?UTF-8?q?=D1=80=D1=83=D0=B5=D1=82=D1=81=D1=8F=20=D0=BF=D0=BE=D1=81=D0=BB?=
 =?UTF-8?q?=D0=B5=20=D1=80=D0=B5=D0=BD=D0=B4=D0=B5=D1=80=D0=B8=D0=BD=D0=B3?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Перенесена инициализация автоскролла внутрь newEmployeesScroller
- Динамический импорт autoScrollerHandler после создания DOM
- Добавлена задержка 100мс для гарантии обновления DOM
- Убран преждевременный вызов initAutoScroller из шаблона
- Автоскролл запускается только когда элементы уже отрендерены
---
 .../js/components/newEmployeesScroller.js     | 23 +++++++++++++++++++
 backend/templates/feed/feed_list.html         |  8 +------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/backend/static/js/components/newEmployeesScroller.js b/backend/static/js/components/newEmployeesScroller.js
index d8a48744..cb88703a 100644
--- a/backend/static/js/components/newEmployeesScroller.js
+++ b/backend/static/js/components/newEmployeesScroller.js
@@ -62,6 +62,29 @@ export class NewEmployeesScroller {
     const scrollerHtml = this.createScrollerHtml(employees);
     this.container.innerHTML = scrollerHtml;
     this.container.style.display = 'block';
+    
+    // Инициализируем автоскролл после рендеринга
+    this.initAutoScroll();
+  }
+
+  /**
+   * Инициализация автоскролла для созданного скроллера
+   */
+  async initAutoScroll() {
+    try {
+      // Динамический импорт модуля автоскролла
+      const { initAutoScroller } = await import('/static/js/components/autoScrollerHandler.js');
+      
+      // Небольшая задержка для гарантии, что DOM обновился
+      setTimeout(() => {
+        initAutoScroller({
+          selector: '.js-join-scroller',
+          speed: 0.5
+        });
+      }, 100);
+    } catch (error) {
+      console.warn('Failed to initialize auto-scroller:', error);
+    }
   }
 
   /**
diff --git a/backend/templates/feed/feed_list.html b/backend/templates/feed/feed_list.html
index 44693ba5..84b595ca 100644
--- a/backend/templates/feed/feed_list.html
+++ b/backend/templates/feed/feed_list.html
@@ -49,18 +49,12 @@
 <script src="{% static 'js/components/feedComments.js' %}"></script>
 
 <script type="module">
-  import { initAutoScroller } from "{% static 'js/components/autoScrollerHandler.js' %}";
   import { initCreatePostModal } from "{% static 'js/components/createPostModal.js' %}";
   import { FeedList } from '{% static "js/components/feedList.js" %}';
   import { ListFilter, createDataAttrMatcher } from '{% static "js/components/listFilter.js" %}';
   import { initNewEmployeesScroller } from '{% static "js/components/newEmployeesScroller.js" %}';
 
   document.addEventListener('DOMContentLoaded', () => {
-    initAutoScroller({ 
-      selector: '.js-join-scroller',
-      speed: 0.5  // пикселей за кадр (примерно 30px/сек)
-    });
-    
     // Инициализация модала создания публикации
     const createModal = initCreatePostModal({
       apiUrl: '{% url "api:v1:posts-list" %}'
@@ -73,7 +67,7 @@
       params: { type: 'company' }
     });
     
-    // 🆕 Загрузка новых сотрудников через AJAX
+    // 🆕 Загрузка новых сотрудников через AJAX (автоскролл инициализируется внутри)
     initNewEmployeesScroller('newEmployeesContainer');
     
     // Обновляем ленту после создания поста