From e5c7bd1b0de6efa6470dc5e64ba006de8ccf225b Mon Sep 17 00:00:00 2001
From: Alexej Wolff <awolff@draug.me>
Date: Wed, 11 Feb 2026 16:26:15 +0100
Subject: [PATCH] fix: attempt to disable iOS QuickType bar with form wrapper

---
 src/pages/GamePage.css |  7 ++++++-
 src/pages/GamePage.tsx | 12 ++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/pages/GamePage.css b/src/pages/GamePage.css
index 5a1faeb..2f6560f 100644
--- a/src/pages/GamePage.css
+++ b/src/pages/GamePage.css
@@ -460,13 +460,18 @@
   border: none;
   border-radius: 18px;
   color: white;
-  font-size: 0.95rem;
+  font-size: 16px; /* 16px prevents iOS zoom on focus */
   font-family: inherit;
   resize: none;
   transition: height 0.1s ease;
   overflow-y: auto;
   line-height: 1.4;
   touch-action: manipulation;
+  -webkit-appearance: none;
+  appearance: none;
+  /* iOS specific */
+  -webkit-text-size-adjust: 100%;
+  text-decoration: none;
 }
 
 .input-container textarea:focus {
diff --git a/src/pages/GamePage.tsx b/src/pages/GamePage.tsx
index 604300c..f0a0896 100644
--- a/src/pages/GamePage.tsx
+++ b/src/pages/GamePage.tsx
@@ -588,7 +588,7 @@ export default function GamePage() {
         </div>
         */}
 
-        <div className="input-container">
+        <form className="input-container" onSubmit={(e) => { e.preventDefault(); handleSend(); }}>
           <textarea
             ref={inputRef}
             value={input}
@@ -602,26 +602,30 @@ export default function GamePage() {
             placeholder="Что ты хочешь сделать?..."
             disabled={isLoading}
             rows={1}
+            name="chat-input"
             autoComplete="off"
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck={false}
             enterKeyHint="send"
+            data-form-type="other"
+            data-lpignore="true"
+            data-gramm="false"
           />
           {isLoading ? (
-            <button onClick={handleStop} className="send-btn stop-btn">
+            <button type="button" onClick={handleStop} className="send-btn stop-btn">
               ⏹
             </button>
           ) : (
             <button
-              onClick={handleSend}
+              type="submit"
               disabled={!input.trim()}
               className="send-btn"
             >
               ➤
             </button>
           )}
-        </div>
+        </form>
       </div>
     </div>
   );