From 3c3a0f78d9c15559358fd0c9ff3445ba624b86f9 Mon Sep 17 00:00:00 2001
From: openclaw <asskicker0214@outlook.com>
Date: Sun, 16 Aug 2026 11:14:11 +0800
Subject: [PATCH] fix: prevent iOS zoom on quick entry note

---
 apps/web/src/styles.css                | 3 ++-
 tests/e2e/08-兼容性/01-iOS视口.spec.ts | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index b4c3d07..b964b96 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -1054,7 +1054,8 @@ input:focus-visible {
   padding: 0 3px;
   background: transparent;
   color: #27332f;
-  font-size: 13px;
+  /* iOS Safari auto-zooms editable controls below 16px when focused. */
+  font-size: 16px;
 }
 
 .note-field input::placeholder {
diff --git a/tests/e2e/08-兼容性/01-iOS视口.spec.ts b/tests/e2e/08-兼容性/01-iOS视口.spec.ts
index 3f7dd01..21ad4c6 100644
--- a/tests/e2e/08-兼容性/01-iOS视口.spec.ts
+++ b/tests/e2e/08-兼容性/01-iOS视口.spec.ts
@@ -23,6 +23,8 @@ test.describe("iOS 视口兼容性", () => {
     await page.goto("/");
     await page.getByRole("button", { name: "记一笔" }).click();
     await expect(page.getByRole("region", { name: "快速记账" })).toBeVisible();
+    await page.getByLabel("备注").click();
+    await expect(page.getByLabel("备注")).toHaveCSS("font-size", "16px");
     await expectNoHorizontalOverflow(page);
     await context.close();
   });