fix: prevent iOS zoom on quick entry note
This commit is contained in:
parent
aa1d9b585c
commit
3c3a0f78d9
|
|
@ -1054,7 +1054,8 @@ input:focus-visible {
|
||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #27332f;
|
color: #27332f;
|
||||||
font-size: 13px;
|
/* iOS Safari auto-zooms editable controls below 16px when focused. */
|
||||||
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-field input::placeholder {
|
.note-field input::placeholder {
|
||||||
|
|
|
||||||
|
|
@ -23,6 +23,8 @@ test.describe("iOS 视口兼容性", () => {
|
||||||
await page.goto("/");
|
await page.goto("/");
|
||||||
await page.getByRole("button", { name: "记一笔" }).click();
|
await page.getByRole("button", { name: "记一笔" }).click();
|
||||||
await expect(page.getByRole("region", { name: "快速记账" })).toBeVisible();
|
await expect(page.getByRole("region", { name: "快速记账" })).toBeVisible();
|
||||||
|
await page.getByLabel("备注").click();
|
||||||
|
await expect(page.getByLabel("备注")).toHaveCSS("font-size", "16px");
|
||||||
await expectNoHorizontalOverflow(page);
|
await expectNoHorizontalOverflow(page);
|
||||||
await context.close();
|
await context.close();
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue