Форма хука React | Автозаполнение браузеров. Как сделать так, чтобы ввод знал о данных из автозаполнения

Question

Как сделать так, чтобы ввод знал о данных из автозаполнения? Вы можете зайти в codeandbox, добавить некоторые данные автозаполнения, обновить страницу и увидеть эту проблему. Есть идеи как с этим бороться?

Это не работает:

• автозаполнение = "выключено"
• автозаполнение = "новый пароль"

автозаполнение = "новый пароль"

Есть код:

https://codesandbox.io/s/react-hook-form-mantine-npvcof?file=/src/App.js

Вот что мы получаем сначала:

Answer 1

Учитывая, что я использую mantine lib, мне помогло

https://ui.mantine.dev/component/floating-label-input

Во всяком случае, я думаю, это может помочь придумать вариант, как это проработать.

Answer 2

У меня была такая проблема с материальным пользовательским интерфейсом, и причина заключалась в том, что я не обернул ввод компонентом FormControl.