From f00dae8b0158b9ff779511e1dd46cda8f5b6cb14 Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Mon, 5 Oct 2026 09:54:55 +0500
Subject: [PATCH] fix: range slider drag after regression

---
 docs/backlog.md                                |  2 --
 web/src/lib/components/display/StepCard.svelte | 12 ++++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/backlog.md b/docs/backlog.md
index cb94743..fbe44c7 100644
--- a/docs/backlog.md
+++ b/docs/backlog.md
@@ -154,8 +154,6 @@
       схемой (FA-E1), либо удалить ключ из обеих локалей
 - [ ] неудобно настраивать ползунками, некоторые инструменты удобнее настроить
       через drag-n-drop. звучит сложно, но надо придумать процесс
-- [ ] не работает drag-n-drop на полях с range slider, похоже включается
-      drag-n-drop для всей карточки настроек инструмента
 - [ ] результат "split-into-parts" может занимать очень много место вертикально,
       возможно стоит придумать максимальную высоту и скролл\сворачивание
 - [ ] просмотр картинки в оригинальном размере, и возможно с зумом отдельных
diff --git a/web/src/lib/components/display/StepCard.svelte b/web/src/lib/components/display/StepCard.svelte
index 197e769..c7940e4 100644
--- a/web/src/lib/components/display/StepCard.svelte
+++ b/web/src/lib/components/display/StepCard.svelte
@@ -35,13 +35,17 @@
 
 <article
 	class="step-card"
-	{draggable}
-	ondragstart={(e) => ondragstart?.(e)}
 	ondragover={(e) => ondragover?.(e)}
 	ondrop={(e) => ondrop?.(e)}
-	ondragend={() => ondragend?.()}
 >
-	<header class="step-head">
+	<header
+		class="step-head"
+		role="button"
+		tabindex="0"
+		{draggable}
+		ondragstart={(e) => ondragstart?.(e)}
+		ondragend={() => ondragend?.()}
+	>
 		<span class="step-index">{index.toString().padStart(2, "0")}</span>
 		<GripVertical size={16} class="drag" aria-hidden="true" />
 		<div class="step-heading-text">