fix(FN-2838): prevent mobile zoom on dashboard form inputs

- Add global `touch-action: manipulation` on html/body to reduce gesture-triggered zoom
- Set mobile input font-size to 16px for terminal, nodes, and scripts modal form fields
- Extend mobile CSS regression tests to assert the global touch-action rule
This commit is contained in:
Fusion
2026-04-28 02:03:33 -07:00
committed by gsxdsm
parent 0b8ffa1528
commit 7dc8a43a4e
5 changed files with 14 additions and 1 deletions

View File

@@ -5,6 +5,12 @@ const css = loadAllAppCss();
describe("mobile input font size CSS", () => {
describe("base (desktop) styles", () => {
it("html/body uses touch-action manipulation to reduce mobile zoom gestures", () => {
const htmlBodyMatch = css.match(/html,\s*body\s*\{[^}]*\}/);
expect(htmlBodyMatch).not.toBeNull();
expect(htmlBodyMatch![0]).toContain("touch-action: manipulation");
});
it("quick-entry-input has desktop font-size below 16px", () => {
// Extract the .quick-entry-input rule
const quickEntryMatch = css.match(/\.quick-entry-input\s*\{[^}]*\}/);