From ad5be148d9884f8b8318220e77f55146a0aa56e9 Mon Sep 17 00:00:00 2001
From: codedogQBY <1369175442@qq.com>
Date: Sun, 31 May 2026 10:51:08 +0800
Subject: [PATCH] fix pdf center tap controls

---
 .../src/components/reader/FoliateViewer.tsx   | 23 +++++++++++++++++--
 packages/foliate-js/fixed-layout.js           |  1 +
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/reader/FoliateViewer.tsx b/packages/app/src/components/reader/FoliateViewer.tsx
index ab3eb701..e5ea10ec 100644
--- a/packages/app/src/components/reader/FoliateViewer.tsx
+++ b/packages/app/src/components/reader/FoliateViewer.tsx
@@ -210,6 +210,22 @@ function getTTSSegmentIdentity(cfi?: string | null, text?: string | null) {
   return `${cfi || ""}::${normalizeTTSSegmentText(text)}`;
 }
 
+function getIframePointInContainerFraction(
+  doc: Document,
+  container: HTMLElement | null,
+  clientX: number,
+) {
+  const iframe = doc.defaultView?.frameElement as HTMLIFrameElement | null;
+  if (!iframe || !container) return null;
+
+  const iframeRect = iframe.getBoundingClientRect();
+  const containerRect = container.getBoundingClientRect();
+  const scaleX = iframe.clientWidth > 0 ? iframeRect.width / iframe.clientWidth : 1;
+  const x = iframeRect.left + clientX * scaleX - containerRect.left;
+  if (containerRect.width <= 0) return null;
+  return Math.max(0, Math.min(1, x / containerRect.width));
+}
+
 // Polyfills required by foliate-js
 // biome-ignore lint: polyfill for foliate-js
 (Object as any).groupBy ??= (
@@ -1824,7 +1840,10 @@ export const FoliateViewer = forwardRef<FoliateViewerHandle, FoliateViewerProps>
           // Visible range in document coords: [scrollStart - pageWidth, scrollStart]
           // Position within visible page: clientX - (scrollStart - pageWidth)
           const visibleX = pageWidth > 0 ? clientX - (scrollStart - pageWidth) : clientX;
-          const xFraction = pageWidth > 0 ? visibleX / pageWidth : 0;
+          const xFraction =
+            pageWidth > 0
+              ? visibleX / pageWidth
+              : getIframePointInContainerFraction(doc, containerRef.current, clientX);
 
           setTimeout(() => {
             // If show-annotation handler already handled this click, skip
@@ -1869,7 +1888,7 @@ export const FoliateViewer = forwardRef<FoliateViewerHandle, FoliateViewerProps>
                     clientY,
                     screenX,
                     screenY,
-                    xFraction,
+                    ...(typeof xFraction === "number" ? { xFraction } : {}),
                   },
                   "*",
                 );
diff --git a/packages/foliate-js/fixed-layout.js b/packages/foliate-js/fixed-layout.js
index c737e222..798ef56e 100644
--- a/packages/foliate-js/fixed-layout.js
+++ b/packages/foliate-js/fixed-layout.js
@@ -270,6 +270,7 @@ export class FixedLayout extends HTMLElement {
   }
   get index() {
     const spread = this.#spreads[this.#index];
+    if (!spread) return -1;
     const section =
       spread?.center ??
       (this.#side === "left" ? (spread.left ?? spread.right) : (spread.right ?? spread.left));