Автозаполнение Chrome вызывает столкновение текстовых полей для метки и значения текстового поля ⇐ CSS

[Anonymous]

В React значения автозаполнения Chrome не вызывают событие onChange немедленно. Таким образом, это приводит к конфликту метки текстового поля MUI и фактических значений во время первоначальной загрузки страницы.
Как решить эту проблему?


Попробовав множество методов, сжатие InputLabelProps по значению также не работает. https://stackoverflow.com/a/65070465/15435022

Код: Выделить всё

 setEmailAddress(e.target.value)}
error={emailError}
InputLabelProps={{
shrink: emailAddress != null && emailAddress != "" ? true : false,
}}
helperText={emailError ? "Please enter a valid email" : "Required"}
/>

При использовании этого решения также возникают проблемы: при выполнении const theme = createTheme({
Ресурс Github:
https: //github.com/mui/material-ui/issues/14427#issuecomment-466054906
[img]https://i.sstatic .net/6mEE0.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/768 ... -and-value