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

fix(web): lecteur CBZ/CBR mode vertical — images masquées avant connaissance des dimensions (régression #37)

Browse Source
This commit is contained in:
Git Agent
2026-08-24 15:45:31 +02:00
parent 6148368278
commit 0af8a7521e
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -216,7 +216,6 @@ export function CbzReader({
alt={item.name} alt={item.name}
loading="lazy" loading="lazy"
style={verticalImageStyle(item.page)} style={verticalImageStyle(item.page)}
hidden={!imageSizes[item.page]}
onLoad={(event) => { onLoad={(event) => {
setImageSizes((current) => ({ setImageSizes((current) => ({
...current, ...current,

8
apps/web/src/reader/readerRuntime.test.ts
View File

@ -1,3 +1,4 @@
import { readFileSync } from "node:fs";
import { describe, expect, it } from "vitest"; import { describe, expect, it } from "vitest";
import { epubFileName } from "./EpubReader"; import { epubFileName } from "./EpubReader";
import { pdfDocumentOptions } from "./pdfDocumentOptions"; import { pdfDocumentOptions } from "./pdfDocumentOptions";
@ -204,6 +205,13 @@ describe("reader runtime helpers", () => {
).toBe(2); ).toBe(2);
}); });
it("keeps CBZ vertical page images loadable before their dimensions are known", () => {
const source = readFileSync(new URL("./CbzReader.tsx", import.meta.url), "utf8");
const verticalBranch = source.slice(source.indexOf('mode === "vertical" ?'), source.indexOf(") : (", source.indexOf('mode === "vertical" ?')));
expect(verticalBranch).not.toContain('hidden={!imageSizes[item.page]}');
});
it("detects fullscreen support and active fullscreen element", () => { it("detects fullscreen support and active fullscreen element", () => {
const fullscreenElement = { requestFullscreen: () => Promise.resolve() } as unknown as HTMLElement; const fullscreenElement = { requestFullscreen: () => Promise.resolve() } as unknown as HTMLElement;
const regularElement = {} as HTMLElement; const regularElement = {} as HTMLElement;