android - 单击输入时，Chrome Android React 键盘消失

Question

所以我有我的网站 - 删除 - 当我点击来自具有 Android 9 或 8（三星 S9 或 S8，华为 P9，...）的新一代 Android 设备的输入时，键盘出现但随后立即消失。代码是这样的：

import React from "react";
import immer from "immer";

export default class LoginPage extends React.Component {
    constructor(props) {
        super(props);

        this.userRef = React.createRef();

        this.state = {
            user: "",
            pass: ""
        };
    }

    render() {
        return [
            <h1 key="title">Panoro</h1>,
            <form 
                key="form"
                id="loginForm" 
                onSubmit={(e) => { e.preventDefault(); setTimeout(this.onFormSubmit, 200); }} 
                autoComplete="new-password"
            >
                <input 
                    key="userInput" 
                    ref={this.userRef} 
                    type="text" 
                    placeholder="Email"
                    value={this.state.user}
                    onChange={(e) => { 
                        this.setState(immer(this.state, draftState => {
                            draftState.user = e.target.value;
                        })); 
                    }} 
                    required
                />
                <input 
                    key="passInput" 
                    type="password" 
                    placeholder="Parola" 
                    value={this.state.pass} 
                    onChange={(e) => { 
                        this.setState(immer(this.state, draftState => {
                            draftState.pass = e.target.value; 
                        }));
                    }} 
                    required
                />
                <button type="submit">{(this.isInvite) ? "Inregistrare" : "Login"}</button>
            </form>
        ];
    }
} 

标签： androidreactjsgoogle-chrome