From aad97df86edb6dadcea61e0b2fa2d147eef738b1 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:03:18 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=B1=D0=B5=D1=81=D0=BA=D0=BE=D0=BD=D0=B5=D1=87?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=8F=20=D0=BF=D1=80=D0=BE=D0=BA=D1=80=D1=83=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D0=B2=20=D0=B0=D0=B2=D1=82=D0=BE=D1=81=D0=BA?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BB=D0=BB=D0=B5=D1=80=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Теперь создается несколько копий элементов вместо одной
- Минимум 3 экрана контента для плавной прокрутки
- Вычисляется количество копий на основе ширины контейнера
- Убраны резкие прыжки при малом количестве элементов
---
 .../js/components/autoScrollerHandler.js      | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/backend/static/js/components/autoScrollerHandler.js b/backend/static/js/components/autoScrollerHandler.js
index 756198da..498a886c 100644
--- a/backend/static/js/components/autoScrollerHandler.js
+++ b/backend/static/js/components/autoScrollerHandler.js
@@ -81,19 +81,32 @@ function initSingleScroller(wrapper, options = {}) {
   }
 
   // Дублируем элементы для бесшовного цикла
+  // Создаем несколько копий для более плавной бесконечной прокрутки
   const originalChildren = Array.from(rail.children);
-  const clones = originalChildren.map(node => node.cloneNode(true));
-  rail.append(...clones);
+  const originalScrollWidth = rail.scrollWidth;
+  const minScrollWidth = wrapper.clientWidth * 3; // Минимум 3 экрана контента
   
-  console.log('initSingleScroller: cloned', originalChildren.length, 'items');
+  // Вычисляем сколько копий нужно создать
+  let copiesNeeded = Math.ceil(minScrollWidth / originalScrollWidth);
+  copiesNeeded = Math.max(2, copiesNeeded); // Минимум 2 копии (оригинал + 1 клон)
+  
+  // Создаем копии
+  const allClones = [];
+  for (let i = 0; i < copiesNeeded; i++) {
+    const clones = originalChildren.map(node => node.cloneNode(true));
+    rail.append(...clones);
+    allClones.push(...clones);
+  }
+  
+  console.log('initSingleScroller: created', copiesNeeded, 'copies,', allClones.length, 'total cloned items');
 
   // Пересчитываем overflow после клонирования
   const hasOverflowAfterClone = rail.scrollWidth > wrapper.clientWidth + 4;
-  console.log('initSingleScroller: hasOverflowAfterClone =', hasOverflowAfterClone);
+  console.log('initSingleScroller: hasOverflowAfterClone =', hasOverflowAfterClone, 'scrollWidth =', rail.scrollWidth);
   
   if (!hasOverflowAfterClone) {
     // Удаляем клоны если даже с ними нет переполнения
-    clones.forEach(clone => clone.remove());
+    allClones.forEach(clone => clone.remove());
     console.log('initSingleScroller: no overflow after clone, removing clones');
     return { start: () => {}, stop: () => {}, destroy: () => {} };
   }