fix: ios input zoom

etchteam · Apr 11, 2024 · 63220d3 · 63220d3
1 parent d12dac0
commit 63220d3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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);
 }