Font of TextField changes when using password manager

[sebseb7]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Steps to reproduce 🕹

Current behavior 😯

Font of TextField changes when using password-manager.

Tested in current chrome on windows.

using the following Theme: ´´´ typography: { fontFamily: 'Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif', fontWeightBold:700, fontWeightMedium:600, fontWeightRegular:400, fontWeightLight:300 }, ´´´

Expected behavior 🤔

No response

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

``` @emotion/react: ^11.10.5 => 11.10.5 @emotion/styled: ^11.10.5 => 11.10.5 @mui/base: 5.0.0-alpha.105 @mui/core-downloads-tracker: 5.10.13 @mui/icons-material: ^5.10.9 => 5.10.9 @mui/material: ^5.10.13 => 5.10.13 @mui/private-theming: 5.10.9 @mui/styled-engine: 5.10.8 @mui/system: 5.10.13 @mui/types: 7.2.0 @mui/utils: 5.10.9 @types/react: 18.0.24 react: ^18.2.0 => 18.2.0 react-dom: ^18.2.0 => 18.2.0 ```

[michaldudak]

What password manager is this?

[sebseb7]

What password manager is this?

Google Chrome 107.0.5304.88 (current version) on Windows 10.

[sebseb7]

this is how the TextField looks like:

                    <TextField spellCheck={false}
                        name="username" error={usernameHelperText != ' '}
                        onInput={(e)=>{setUsernameHelperText(e.target.value?' ':'Enter username')}}
                        onInvalid={(e)=>{e.preventDefault();setUsernameHelperText('Enter username')}}
                        helperText={usernameHelperText} autoComplete='username'
                        label='Username' placeholder='Enter username' variant="filled" required/>