diff --git a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx index 99a333f0..b37cb24c 100644 --- a/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx +++ b/src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx @@ -42,12 +42,13 @@ const BaseStandardReaderProgressBar = ({ }) => { const theme = useTheme(); const pagesState = userReaderStatePagesContext(); - const { currentPageIndex, pages } = pagesState; + const { currentPageIndex, pages, totalPages } = pagesState; const currentPagesIndex = getPage(currentPageIndex, pages).pagesIndex; const { isBottom, isLeft, isRight, isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition); + const arePagesLoaded = !!totalPages; const isHidden = progressBarType === ProgressBarType.HIDDEN; const isMinimized = !isMaximized && !isDragging; @@ -128,6 +129,9 @@ const BaseStandardReaderProgressBar = ({ ...applyStyles(isMinimized, { opacity: !isHidden ? 0.85 : 0, }), + ...applyStyles(!arePagesLoaded, { + pointerEvents: 'none', + }), }, onMouseEnter: () => setIsMaximized(true), onMouseLeave: () => setIsMaximized(false),