From ab77d129d35741a4669248654387571444088eb6 Mon Sep 17 00:00:00 2001
From: Git Agent <git@readabook.local>
Date: Wed, 26 Aug 2026 17:14:11 +0200
Subject: [PATCH] =?UTF-8?q?fix(web):=20lecteur=20mobile=20=E2=80=94=20?=
 =?UTF-8?q?=C3=A9tendre=20le=20fallback=20page-sized=20aux=20frames=20PDF?=
 =?UTF-8?q?=20verticales=20non=20rendues=20(m=C3=AAme=20cellule=20grid=20q?=
 =?UTF-8?q?ue=20le=20canvas,=20fond=20papier=20stable)=20pour=20=C3=A9limi?=
 =?UTF-8?q?ner=20les=20black=20screens=20d'environ=201s=20au=20scroll=20ve?=
 =?UTF-8?q?rtical=20PDF=20(2e=20correctif=20bug=20#42)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/reader/readerRuntime.test.ts | 5 +++--
 apps/web/src/styles/app.css               | 3 +++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/reader/readerRuntime.test.ts b/apps/web/src/reader/readerRuntime.test.ts
index ee9fb8e..d331867 100644
--- a/apps/web/src/reader/readerRuntime.test.ts
+++ b/apps/web/src/reader/readerRuntime.test.ts
@@ -222,11 +222,12 @@ describe("reader runtime helpers", () => {
     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");
 
+    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 > .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("background: #f7f0df");
   });
diff --git a/apps/web/src/styles/app.css b/apps/web/src/styles/app.css
index 7e28046..4f6abbb 100644
--- a/apps/web/src/styles/app.css
+++ b/apps/web/src/styles/app.css
@@ -1114,11 +1114,14 @@ main.app-main-reader .reader-page {
   padding: 0 12px;
 }
 
+.pdf-page-frame-vertical > canvas,
+.pdf-page-frame-vertical > .reader-fallback,
 .comic-page-frame-vertical > img,
 .comic-page-frame-vertical > .reader-fallback {
   grid-area: 1 / 1;
 }
 
+.pdf-page-frame-vertical > .reader-fallback,
 .comic-page-frame-vertical > .reader-fallback {
   width: 100%;
   min-height: inherit;