From 9606e315d4bcec387c3f78c8bf02c20d4def80b1 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Thu, 4 Dec 2025 10:40:43 +0800
Subject: [PATCH] fix(layout): hide overflow of children elements in duokan
 bleed, closes #2597 (#2613)

---
 apps/readest-app/src/utils/style.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index 4188138f..030a7fe5 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -612,16 +612,29 @@ export const transformStylesheet = (vw: number, vh: number, css: string) => {
   // Process duokan-bleed
   css = css.replace(ruleRegex, (_, selector, block) => {
     const directions = ['top', 'bottom', 'left', 'right'];
+    let hasBleed = false;
     for (const dir of directions) {
       const bleedRegex = new RegExp(`duokan-bleed\\s*:\\s*[^;]*${dir}[^;]*;`);
       const marginRegex = new RegExp(`margin-${dir}\\s*:`);
       if (bleedRegex.test(block) && !marginRegex.test(block)) {
+        hasBleed = true;
         block = block.replace(
           /}$/,
           ` margin-${dir}: calc(-1 * var(--margin-${dir})) !important; }`,
         );
       }
     }
+    if (hasBleed) {
+      if (!/position\s*:/.test(block)) {
+        block = block.replace(/}$/, ' position: relative !important; }');
+      }
+      if (!/overflow\s*:/.test(block)) {
+        block = block.replace(/}$/, ' overflow: hidden !important; }');
+      }
+      if (!/display\s*:/.test(block)) {
+        block = block.replace(/}$/, ' display: flow-root !important; }');
+      }
+    }
     return selector + block;
   });