fix: attempt to disable iOS QuickType bar with form wrapper

This commit is contained in:
Alexej Wolff
2026-02-11 16:26:15 +01:00
parent e2e7e211d5
commit e5c7bd1b0d
2 changed files with 14 additions and 5 deletions
+6 -1
View File
@@ -460,13 +460,18 @@
border: none; border: none;
border-radius: 18px; border-radius: 18px;
color: white; color: white;
font-size: 0.95rem; font-size: 16px; /* 16px prevents iOS zoom on focus */
font-family: inherit; font-family: inherit;
resize: none; resize: none;
transition: height 0.1s ease; transition: height 0.1s ease;
overflow-y: auto; overflow-y: auto;
line-height: 1.4; line-height: 1.4;
touch-action: manipulation; touch-action: manipulation;
-webkit-appearance: none;
appearance: none;
/* iOS specific */
-webkit-text-size-adjust: 100%;
text-decoration: none;
} }
.input-container textarea:focus { .input-container textarea:focus {
+8 -4
View File
@@ -588,7 +588,7 @@ export default function GamePage() {
</div> </div>
*/} */}
<div className="input-container"> <form className="input-container" onSubmit={(e) => { e.preventDefault(); handleSend(); }}>
<textarea <textarea
ref={inputRef} ref={inputRef}
value={input} value={input}
@@ -602,26 +602,30 @@ export default function GamePage() {
placeholder="Что ты хочешь сделать?..." placeholder="Что ты хочешь сделать?..."
disabled={isLoading} disabled={isLoading}
rows={1} rows={1}
name="chat-input"
autoComplete="off" autoComplete="off"
autoCorrect="off" autoCorrect="off"
autoCapitalize="off" autoCapitalize="off"
spellCheck={false} spellCheck={false}
enterKeyHint="send" enterKeyHint="send"
data-form-type="other"
data-lpignore="true"
data-gramm="false"
/> />
{isLoading ? ( {isLoading ? (
<button onClick={handleStop} className="send-btn stop-btn"> <button type="button" onClick={handleStop} className="send-btn stop-btn">
</button> </button>
) : ( ) : (
<button <button
onClick={handleSend} type="submit"
disabled={!input.trim()} disabled={!input.trim()}
className="send-btn" className="send-btn"
> >
</button> </button>
)} )}
</div> </form>
</div> </div>
</div> </div>
); );