From 75543f33497ef0bba7cffd79a4252254d4948cb6 Mon Sep 17 00:00:00 2001
From: Andrew Thal <467872+athal7@users.noreply.github.com>
Date: Wed, 7 Jan 2026 08:47:34 -0600
Subject: [PATCH] fix(ui): prevent iOS Safari auto-zoom on input focus

Add CSS media query to increase font-size to 16px on touch devices,
which prevents iOS Safari from auto-zooming when inputs are focused.
iOS WebKit zooms on any input with font-size < 16px as an accessibility
feature.

Fixes #6784
---
 packages/ui/src/styles/base.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/ui/src/styles/base.css b/packages/ui/src/styles/base.css
index b80398e1d96..729ff045a65 100644
--- a/packages/ui/src/styles/base.css
+++ b/packages/ui/src/styles/base.css
@@ -372,3 +372,17 @@ input:where([type="button"], [type="reset"], [type="submit"]),
 [hidden]:where(:not([hidden="until-found"])) {
   display: none !important;
 }
+
+/*
+  Prevent iOS Safari from auto-zooming on input focus.
+  iOS WebKit zooms on any input with font-size < 16px as an accessibility feature.
+*/
+
+@media (hover: none) and (pointer: coarse) {
+  input,
+  select,
+  textarea,
+  [contenteditable="true"] {
+    font-size: 16px !important;
+  }
+}