From 0f5bd5ca1ca47ac9974cc69ab253758e7979ee40 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Thu, 5 Mar 2026 17:49:28 +0800
Subject: [PATCH] fix(footnote): add overflow-wrap to footnote popup to prevent
 long words from overflowing (#3479)

The change adds overflow-wrap: break-word to the footnote popup body styles, which ensures long unbreakable strings (like URLs or long words) wrap properly instead of overflowing
the popup container.
---
 apps/readest-app/src/utils/style.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index 09f24f75..54ec9558 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -473,6 +473,7 @@ export const getFootnoteStyles = () => `
 
   body {
     padding: 1em !important;
+    overflow-wrap: break-word;
   }
 
   a:any-link {