fix(阅读器): 添加调试日志并修复触摸事件处理

Author: codedogQBY

packages/app-expo/assets/reader/reader.html

@@ -262,9 +262,11 @@ export function ReaderScreen({ route, navigation }: Props) {
       setToc(items);
     },
     onSelection: (detail: SelectionEvent) => {
+      console.log("[ReaderScreen] onSelection callback called:", detail.text);
       setSelection(detail);
     },
     onSelectionCleared: () => {
+      console.log("[ReaderScreen] onSelectionCleared callback called");
       setSelection(null);
     },
     onTap: () => {
@@ -385,6 +387,7 @@ export function ReaderScreen({ route, navigation }: Props) {
 
   // Lock navigation when selection is active
   useEffect(() => {
+    console.log("[ReaderScreen] selection changed:", !!selection, selection?.text?.substring(0, 20));
     if (!webViewReady) return;
     bridge.setNavigationLocked(!!selection);
   }, [webViewReady, selection]);

packages/app-expo/src/screens/ReaderScreen.tsx

@@ -827,6 +827,17 @@ export class Paginator extends HTMLElement {
     });
   }
   #onTouchStart(e) {
+    // If navigation is locked (e.g., during text selection), don't track touch
+    if (this.#navigationLocked) return;
+    // Also check if there's an active selection in any iframe
+    // This handles the case where user drags selection handles
+    const contents = this.getContents?.() ?? [];
+    for (const { doc } of contents) {
+      const sel = doc?.getSelection?.();
+      if (sel && !sel.isCollapsed && sel.toString().trim()) {
+        return;
+      }
+    }
     const touch = e.changedTouches[0];
     this.#touchState = {
       x: touch?.screenX,
@@ -844,7 +855,15 @@ export class Paginator extends HTMLElement {
   }
   #onTouchMove(e) {
     const state = this.#touchState;
-    if (this.#navigationLocked || state.pinched) return;
+    if (this.#navigationLocked || state?.pinched) return;
+    // Also check if there's an active selection (user might be dragging handles)
+    const contents = this.getContents?.() ?? [];
+    for (const { doc } of contents) {
+      const sel = doc?.getSelection?.();
+      if (sel && !sel.isCollapsed && sel.toString().trim()) {
+        return;
+      }
+    }
     state.pinched = globalThis.visualViewport.scale > 1;
     if (this.scrolled || state.pinched) return;
     if (e.touches.length > 1) {