From 945de54906068c6a09e01c69e891c258d81e15b4 Mon Sep 17 00:00:00 2001
From: Murtaza Sultani <sultani@data-quest.de>
Date: Mon, 9 Feb 2026 10:12:46 +0100
Subject: Replace button with range input

---
 .../components/forum/discussions/DiscussionTimeline.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/resources/vue/components/forum/discussions/DiscussionTimeline.vue b/resources/vue/components/forum/discussions/DiscussionTimeline.vue
index d9151e6..ff57124 100644
--- a/resources/vue/components/forum/discussions/DiscussionTimeline.vue
+++ b/resources/vue/components/forum/discussions/DiscussionTimeline.vue
@@ -163,7 +163,10 @@ const updateUnreadScrollPosition = () => {
     unreadScrollPosition.value = Math.min(Math.max((elementTop / scrollableHeight) * 100, 0), 90);
 };
 
-const onRangeInput = event => jumpToPost(null, Number(event.target.value));
+const onRangeInput = event => {
+    const index = Number(event.target.value) - 1;
+    jumpToPost(null, index);
+}
 
 onMounted(() => {
     window.addEventListener('scroll', handleScroll);
@@ -202,15 +205,15 @@ onUnmounted(() => {
 
             <input
                 type="range"
-                min="0"
-                :max="posts.length - 1"
+                min="1"
+                :max="posts.length"
                 step="1"
-                :value="currentPostIndex"
+                :value="currentPostIndex + 1"
                 @change="onRangeInput"
                 :aria-label="$gettext('Mit Schieberegler durch Beiträge navigieren')"
-                :aria-valuemin="0"
-                :aria-valuemax="posts.length - 1"
-                :aria-valuenow="currentPostIndex"
+                :aria-valuemin="1"
+                :aria-valuemax="posts.length"
+                :aria-valuenow="currentPostIndex + 1"
             />
         </nav>
         <div
-- 
cgit v1.0