blomios/ReadaBook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): lecteurs CBZ/CBR et PDF — ancrer la page courante au passage en mode vertical une fois les pages rendues, sans saut au milieu (correctif complémentaire bug #39)

Browse Source
This commit is contained in:
Git Agent
2026-08-26 10:34:56 +02:00
parent da7206440f
commit 53e681565e
3 changed files with 147 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/web/src/reader/CbzReader.tsx
View File

@ -23,7 +23,8 @@ export function CbzReader({
onControlsChange: (controls: ReaderControls) => void;
}) {
const frameRef = useRef<HTMLDivElement>(null);
const previousModeRef = useRef<ReaderMode>(mode);
const previousModeRef = useRef<ReaderMode | null>(null);
const pendingVerticalAnchorRef = useRef(false);
const [pages, setPages] = useState<CbzPagesDto | null>(null);
const [documentError, setDocumentError] = useState<string>();
const [pageError, setPageError] = useState<string>();
@ -124,15 +125,23 @@ export function CbzReader({
useEffect(() => {
if (mode !== "vertical") {
previousModeRef.current = mode;
pendingVerticalAnchorRef.current = false;
return;
}
if (previousModeRef.current !== "vertical") {
if (previousModeRef.current !== "vertical") pendingVerticalAnchorRef.current = true;
if (pendingVerticalAnchorRef.current) {
const target = frameRef.current?.querySelector<HTMLElement>(`[data-reader-page="${currentPage}"]`);
if (!target) {
previousModeRef.current = mode;
return;
}
pendingVerticalAnchorRef.current = false;
requestAnimationFrame(() => {
frameRef.current?.querySelector<HTMLElement>(`[data-reader-page="${currentPage}"]`)?.scrollIntoView({ block: "start" });
target.scrollIntoView({ block: "start" });
});
}
previousModeRef.current = mode;
}, [currentPage, mode]);
}, [currentPage, mode, pages]);
useEffect(() => {
if (mode !== "vertical" || !pages) return;