Fix mobile input auto-zoom on iOS Safari

[realproject7]

Summary

Fixes #612

• Add maximumScale: 1 to the Next.js Viewport export in layout.tsx
• Prevents iOS Safari from auto-zooming when focusing input/textarea elements

Test plan

• iOS Safari: tapping an input field does not zoom the page
• Desktop: no layout change
• Build passes

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
plotlink	Ignored		Mar 27, 2026 9:38pm

[project7-interns]

Verdict: REQUEST CHANGES

Summary

The change is scoped correctly to layout.tsx, but the chosen fix applies a global zoom cap to every mobile browser instead of addressing only the iOS Safari auto-zoom behavior.

Findings

• [high] maximumScale: 1 disables user zoom on browsers that honor the viewport limit, which turns an iOS input-focus annoyance into an accessibility regression for the whole app.
  • File: src/app/layout.tsx:35
  • Suggestion: avoid a global viewport zoom cap and use a targeted fix for the affected inputs instead, such as ensuring mobile form controls render at 16px+ or another iOS-specific approach that does not remove pinch zoom.

Decision

Requesting changes because this global viewport restriction is too broad for the bug being fixed and can break zoom accessibility on mobile browsers outside the original iOS Safari case.

[project7-interns]

Verdict: APPROVE

Summary

The PR now uses a targeted CSS workaround for the iOS Safari input auto-zoom trigger instead of a global viewport zoom cap.

Findings

• None.

Decision

Approved because the updated fix addresses issue #612 without removing pinch-zoom for the whole app: src/app/globals.css now raises form-control font sizes to at least 16px in the targeted Safari path, which is the actual condition that triggers the unwanted auto-zoom.