From 63220d31c4329e3f7b19a5213504e4ea2fc95750 Mon Sep 17 00:00:00 2001
From: Dan Webb <dan@etch.co>
Date: Thu, 11 Apr 2024 09:46:48 +0100
Subject: [PATCH] fix: ios input zoom

---
 components/control/Input/Input.css | 1 +
 styles/tokens/input.css            | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/components/control/Input/Input.css b/components/control/Input/Input.css
index a031542..9aab027 100644
--- a/components/control/Input/Input.css
+++ b/components/control/Input/Input.css
@@ -50,6 +50,7 @@ diamond-input {
     color: inherit;
     display: block;
     flex: 1 1 auto;
+    font-size: var(--diamond-input-font-size);
     line-height: var(--diamond-input-line-height);
     padding: var(--diamond-input-padding);
 
diff --git a/styles/tokens/input.css b/styles/tokens/input.css
index 4cb19d8..cfa5fa9 100644
--- a/styles/tokens/input.css
+++ b/styles/tokens/input.css
@@ -21,4 +21,7 @@
     var(--diamond-input-padding-inline);
 
   --diamond-input-line-height: var(--diamond-font-line-height);
+
+  /* Should be 16px minimum to avoid IOS zoom */
+  --diamond-input-font-size: var(--diamond-font-size-default);
 }