From e387c1f6f1f1fe82f12e075bbb515d538834a8b3 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Thu, 24 Jun 2021 18:06:22 +1000
Subject: [PATCH] mobile fixes for js field

Without the overflow change, the page viewport gets messed up.
And for some reason specifying the font size as 1rem does not work;
it needs to be explicitly set to 16px to prevent zoom in.
---
 ts/deckoptions/CardStateCustomizer.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/ts/deckoptions/CardStateCustomizer.svelte b/ts/deckoptions/CardStateCustomizer.svelte
index 612cbfaa1..c5a1f01af 100644
--- a/ts/deckoptions/CardStateCustomizer.svelte
+++ b/ts/deckoptions/CardStateCustomizer.svelte
@@ -25,7 +25,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <textarea class="form-control" bind:value spellcheck="false" autocapitalize="none" />
 
-<style>
+<style lang="scss">
     .text {
         min-height: 2em;
     }
@@ -34,4 +34,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         height: 10em;
         font-family: monospace;
     }
+
+    @supports (-webkit-touch-callout: none) {
+        // mobile compat
+        textarea {
+            font-size: 16px;
+            overflow-x: hidden;
+        }
+    }
 </style>