From a1cdc785c13e8df3e3fe77970f3c4f5222bf2aa0 Mon Sep 17 00:00:00 2001 From: schroda <50052685+schroda@users.noreply.github.com> Date: Sun, 27 Apr 2025 01:05:25 +0200 Subject: [PATCH] Prevent scrolling while dragging on the reader progress bar On e.g., iOS changing the current page via dragging the progress bar caused the reader to scroll, which made the progress dragging act weirdly --- .../overlay/progress-bar/ReaderProgressBarContainer.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarContainer.tsx b/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarContainer.tsx index 5de4cfb2..aa027912 100644 --- a/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarContainer.tsx +++ b/src/modules/reader/components/overlay/progress-bar/ReaderProgressBarContainer.tsx @@ -19,6 +19,7 @@ export const ReaderProgressBarContainer = styled(Stack, { })(({ theme, progressBarPosition }) => ({ position: 'fixed', pointerEvents: 'all', + touchAction: 'none', ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isHorizontal, { justifyContent: 'flex-end', bottom: 0,