From b3b614c20a6735041d73e3eda94019deb9804722 Mon Sep 17 00:00:00 2001
From: openclaw <asskicker0214@outlook.com>
Date: Sun, 16 Aug 2026 16:45:23 +0800
Subject: [PATCH] fix: disable double tap zoom

---
 apps/web/src/App.vue                   | 11 +++++++++--
 apps/web/src/styles.css                |  1 +
 tests/e2e/08-兼容性/01-iOS视口.spec.ts | 12 +++++++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue
index afe1aa5..9ac58a8 100644
--- a/apps/web/src/App.vue
+++ b/apps/web/src/App.vue
@@ -6,6 +6,7 @@ import { useAuthStore } from "./stores/auth";
 
 const auth = useAuthStore();
 const reconnecting = ref(false);
+const preventDoubleTapZoom = (event: MouseEvent) => event.preventDefault();
 const retrySession = async () => {
   if (reconnecting.value || (typeof navigator !== "undefined" && !navigator.onLine)) return;
   reconnecting.value = true;
@@ -17,8 +18,14 @@ const retrySession = async () => {
 };
 const handleOnline = () => void retrySession();
 
-onMounted(() => window.addEventListener("online", handleOnline));
-onBeforeUnmount(() => window.removeEventListener("online", handleOnline));
+onMounted(() => {
+  window.addEventListener("online", handleOnline);
+  window.addEventListener("dblclick", preventDoubleTapZoom, { passive: false });
+});
+onBeforeUnmount(() => {
+  window.removeEventListener("online", handleOnline);
+  window.removeEventListener("dblclick", preventDoubleTapZoom);
+});
 </script>
 
 <template>
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index b964b96..315db20 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -52,6 +52,7 @@ body,
   margin: 0;
   overflow-x: hidden;
   overflow-y: hidden;
+  touch-action: manipulation;
 }
 
 body {
diff --git a/tests/e2e/08-兼容性/01-iOS视口.spec.ts b/tests/e2e/08-兼容性/01-iOS视口.spec.ts
index 21ad4c6..fd1cfd6 100644
--- a/tests/e2e/08-兼容性/01-iOS视口.spec.ts
+++ b/tests/e2e/08-兼容性/01-iOS视口.spec.ts
@@ -8,7 +8,17 @@ async function expectNoHorizontalOverflow(page: import("@playwright/test").Page)
 }
 
 test.describe("iOS 视口兼容性", () => {
-  test("01-iPhone 窄视口的主要页面不产生横向滚动", async ({ browser }) => {
+  test("01-双击不会触发浏览器默认缩放行为", async ({ page }) => {
+    await mockApi(page);
+    await 登录(page);
+
+    await expect.poll(async () => page.evaluate(() => {
+      const event = new MouseEvent("dblclick", { bubbles: true, cancelable: true });
+      return window.dispatchEvent(event);
+    })).toBe(false);
+  });
+
+  test("02-iPhone 窄视口的主要页面不产生横向滚动", async ({ browser }) => {
     const context = await browser.newContext({ ...devices["iPhone SE"] });
     const page = await context.newPage();
     await mockApi(page, { initialEntries: [makeEntry()] });