From 9595076dae0c109df7cb35c56225cd4a90d9bf2c Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 13 Apr 2026 17:59:14 +0200
Subject: [PATCH] Fix reader progress bar current page slot positioning for
 single page chapters

Was only noticeable in the mobile reader ui because the desktop one hides this component and uses its own logic.
It resulted in the previous/next button not being clickable because the current page component was overlaying it
---
 CHANGELOG.md                                              | 1 +
 .../components/ReaderProgressBarCurrentPageSlot.tsx       | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 77dfd05f..98e39afd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -36,6 +36,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 - (**Reader**) Fix the reader transition page previous chapter scanlator name showing the chapter name instead of the scanlator name
 - (**Reader**) Fix opening the previous/next chapter in the continuous horizontal mode with inverted reading direction
 - (**Reader**) Fix scroll preservation in continuous horizontal mode with righ to left reading direction
+- (**Reader**) Fix mobile progress bar previous/next button not being clickable in single page chapters
 - (**Manga**) Fix dynamic manga page color theme not getting reset after leaving the manga page
 
 ## [20251230.01] (r2937) - 2025-12-30
diff --git a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarCurrentPageSlot.tsx b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarCurrentPageSlot.tsx
index 24e18125..7e0096ea 100644
--- a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarCurrentPageSlot.tsx
+++ b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarCurrentPageSlot.tsx
@@ -37,14 +37,14 @@ export const ReaderProgressBarCurrentPageSlot = ({
                 position: 'absolute',
                 cursor: isDragging ? 'grabbing' : 'grab',
                 ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isHorizontal, {
-                    left: `${(Math.max(0, currentPagesIndex - 1) / (pagesLength - 1)) * 100}%`,
-                    width: `calc(100% / ${pagesLength - 1})`,
+                    left: `${(Math.max(0, currentPagesIndex - 1) / pagesLength) * 100}%`,
+                    width: `calc(100% / ${pagesLength})`,
                     height: '100%',
                 }),
                 ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isVertical, {
-                    top: `${(Math.max(0, currentPagesIndex - 1) / (pagesLength - 1)) * 100}%`,
+                    top: `${(Math.max(0, currentPagesIndex - 1) / pagesLength) * 100}%`,
                     width: '100%',
-                    height: `calc(100% / ${pagesLength - 1})`,
+                    height: `calc(100% / ${pagesLength})`,
                 }),
                 ...boxProps?.sx,
             }}