Preserve reader current page on "reader width" change

CHANGELOG.md

@@ -34,7 +34,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 - (**Reader**) Fix mouse drag scrolling inertia effect being locked at 60hz
 - (**Reader**) Fix mouse cursor drift during drag scroll
 - (**Reader**) Fix deletion of chapters while reading
-- (**Reader**) Fix potential page loss during window resize while using continuous horizontal reading mode
+- (**Reader**) Fix potential page loss (continuous horizontal mode window resize, reader width change, page scale change)
 - (**Extension**) Fix handling obsolete extensions as updatable in case they are marked as having an available update
 - (**Theme**) Fix loading of fonts defined in themes
 - (**Reader**) Fix broken scrolling in continuous horizontal reading mode

src/features/reader/viewer/ReaderViewer.tsx

@@ -273,6 +273,7 @@ const BaseReaderViewer = ({
         setPageToScrollToIndex,
         pageScaleMode,
         shouldStretchPage,
+        readerWidth,
     );
 
     useLayoutEffect(() => {

src/features/reader/viewer/hooks/useReaderPreserveScrollPosition.ts

@@ -9,6 +9,7 @@
 import { RefObject, useCallback, useEffect, useLayoutEffect, useRef } from 'react';
 import { useWindowEvent } from '@mantine/hooks';
 import {
+    IReaderSettingsManga,
     ReaderPageScaleMode,
     ReaderStateChapters,
     ReaderStatePages,
@@ -359,6 +360,7 @@ export const useReaderPreserveScrollPosition = (
     setPageToScrollToIndex: ReaderStatePages['setPageToScrollToIndex'],
     pageScaleMode: ReaderPageScaleMode,
     shouldStretchPage: boolean,
+    readerWidth: IReaderSettingsManga['readerWidth'],
 ) => {
     usePreserveOnInfiniteScrollPreviousChapterInitialRender(
         scrollElementRef,
@@ -375,4 +377,5 @@ export const useReaderPreserveScrollPosition = (
     usePreserveOnValueChange(readingMode, currentPageIndex, setPageToScrollToIndex);
     usePreserveOnValueChange(pageScaleMode, currentPageIndex, setPageToScrollToIndex);
     usePreserveOnValueChange(shouldStretchPage, currentPageIndex, setPageToScrollToIndex);
+    usePreserveOnValueChange(readerWidth, currentPageIndex, setPageToScrollToIndex);
 };