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

fix(web): lecteur mobile — étendre le fallback page-sized aux frames PDF verticales non rendues (même cellule grid que le canvas, fond papier stable) pour éliminer les black screens d'environ 1s au scroll vertical PDF (2e correctif bug #42)

Browse Source
This commit is contained in:
Git Agent
2026-08-26 17:14:11 +02:00
parent 5fda6b8895
commit ab77d129d3
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -222,11 +222,12 @@ describe("reader runtime helpers", () => {
expect(verticalBranch).not.toContain('hidden={!imageSizes[item.page]}'); expect(verticalBranch).not.toContain('hidden={!imageSizes[item.page]}');
}); });
it("keeps unloaded CBZ vertical pages visually covered by a page-sized fallback", () => { it("keeps unloaded PDF and CBZ vertical pages visually covered by a page-sized fallback", () => {
const styles = readFileSync(new URL("../styles/app.css", import.meta.url), "utf8"); const styles = readFileSync(new URL("../styles/app.css", import.meta.url), "utf8");
expect(styles).toContain(".pdf-page-frame-vertical > canvas,\n.pdf-page-frame-vertical > .reader-fallback");
expect(styles).toContain(".comic-page-frame-vertical > img,\n.comic-page-frame-vertical > .reader-fallback"); expect(styles).toContain(".comic-page-frame-vertical > img,\n.comic-page-frame-vertical > .reader-fallback");
expect(styles).toContain(".comic-page-frame-vertical > .reader-fallback {\n width: 100%;"); expect(styles).toContain(".pdf-page-frame-vertical > .reader-fallback,\n.comic-page-frame-vertical > .reader-fallback {\n width: 100%;");
expect(styles).toContain("min-height: inherit"); expect(styles).toContain("min-height: inherit");
expect(styles).toContain("background: #f7f0df"); expect(styles).toContain("background: #f7f0df");
}); });

3
apps/web/src/styles/app.css
View File

@ -1114,11 +1114,14 @@ main.app-main-reader .reader-page {
padding: 0 12px; padding: 0 12px;
} }
.pdf-page-frame-vertical > canvas,
.pdf-page-frame-vertical > .reader-fallback,
.comic-page-frame-vertical > img, .comic-page-frame-vertical > img,
.comic-page-frame-vertical > .reader-fallback { .comic-page-frame-vertical > .reader-fallback {
grid-area: 1 / 1; grid-area: 1 / 1;
} }
.pdf-page-frame-vertical > .reader-fallback,
.comic-page-frame-vertical > .reader-fallback { .comic-page-frame-vertical > .reader-fallback {
width: 100%; width: 100%;
min-height: inherit; min-height: inherit;