From 860b00a0b5fa85f1fe22c8e80eabcbf306f08175 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 28 Nov 2025 23:29:32 +0100
Subject: [PATCH] Prevent reader progressbar tap highlighting on mobile

---
 .../progress-bar/components/ReaderProgressBarContainer.tsx       | 1 +
 .../progress-bar/components/ReaderProgressBarPageNumber.tsx      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx
index 116e8603..d89e3a68 100644
--- a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx
+++ b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx
@@ -35,4 +35,5 @@ export const ReaderProgressBarContainer = styled(Stack, {
     ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isRight, {
         alignItems: theme.direction === 'ltr' ? 'flex-end' : 'flex-start',
     }),
+    WebkitTapHighlightColor: 'transparent',
 }));
diff --git a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx
index a247b424..50b7a2bb 100644
--- a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx
+++ b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx
@@ -18,4 +18,5 @@ export const ReaderProgressBarPageNumber = styled(Typography)({
     textAlign: 'center',
     userSelect: 'none',
     cursor: 'pointer',
+    WebkitTapHighlightColor: 'transparent',
 });