fix: attempt to disable iOS QuickType bar with form wrapper
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user