Поле ввода мерцает React MDbootstrap - PullRequest
Новая
       22

Поле ввода мерцает React MDbootstrap

0 голосов
/ 13 мая 2018

Я пытался создать форму входа.Но при фокусировке поля ввода мерцает вся страница.Ниже приведен код рендеринга, 

render() {
    return (
        <div>
            <div className="row">
                <div className="col-md-8 login-image"/>
                <div className="col-md-4">
                    <div className="login-form">
                        <h2 className="mb-5">Form login</h2>
                        <form>
                            <p className="h5 text-center mb-4">Sign in</p>
                            <Input label="Email"
                                   icon="envelope-open" group type="email"
                                   validate error="wrong"
                                   success="right"/>
                            <Input label="Password" icon="lock" group
                                    type="password" validate/>
                            <div className="text-center">
                                <Button>Login</Button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    );
};

Код CSS 

 .login-image {
background: url("../../resources/coming-soon2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;

} 

.login-form {
min-height: 100%;
min-height: 100vh;
padding: 50px;

}

IЯ получаю вывод ниже, как и ожидалось, но при фокусировке textfield вся веб-страница начинает мигать.Это происходит только на Chrome Логин

1 Ответ

0 голосов
/ 14 мая 2018

Вы также пытались добавить событие onBlur? Я скопировал Ваш код, добавил событие onBlur, и оно работает правильно, без мерцания.

...