Автозаполнение Chrome заполняет ввод при удалении поля - PullRequest
Новая
       28

Автозаполнение Chrome заполняет ввод при удалении поля

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

Автозаполнение Chrome повторно заполняет поля ввода электронной почты и пароля при удалении полей, что не позволяет пользователю войти в систему, используя другой адрес электронной почты / пароль. Попытался удалить нашу оригинальную реализацию формы и использовать redux-form, однако все еще получил ту же проблему. Кто-нибудь сталкивался с этой проблемой?

enter image description here

Версия «preact»: «8.2.5», «избыточный»: «3.7.2», «реагировать»: «^ 15.4.2»,

Chrome 65.0.3325.181

Компонент: 

import { Field } from 'redux-form';

import { Form } from '../form';
import { SubmitButton } from '../../buttons';
import styles from './create-account.styl';

export const CreateAccount = (props) => {
    const {
        canSubmit,
        onFormSubmit,
    } = props;

    return (
        <Form
            class={styles.root}
            heading="Heading"
            onSubmit={onFormSubmit}
        >
            <Field
                class={styles.field}
                name="email"
                component="input"
                type="email"
            />

            <Field
                class={styles.field}
                name="password"
                component="input"
                type="password"
            />

            <div class={styles.actions}>
                <SubmitButton
                    class={styles.submit}
                    disabled={!canSubmit}
                >
                    Submit
                </SubmitButton>
            </div>
        </Form>
    );
};

Контейнер: 

import { compose } from 'recompose';
import { reduxForm } from 'redux-form';
import { CreateAccount } from './create-account';

const enhance = compose(
    reduxForm({
        form: 'test',
    }),
);

export default enhance(CreateAccount);

1 Ответ

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

У меня была такая же проблема раньше. Я решил эту проблему, следуя чьему-то совету (извините, ссылку не помню). Пожалуйста, попробуйте добавить следующие поля ввода в начале формы. 

<input type="email" name="email1" style={{display: 'none'}} />
<input type="password" name="password1" style={{display:'none'}} />

Пожалуйста, дайте мне знать, если у вас все еще есть проблема

...