Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

fix: input fields (PR #1110 from NickMolloy/improve-input-attributes)

Browse Source 
* Use correct input type

"string" is not a valid input type: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
"text" is the actual valid value.

* Use correct autocomplete values for credential fields
"true", "on", and "confirm-password" are not valid autocomplete values https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
This commit is contained in:
Nick 2022-06-22 21:05:03 +12:00 committed by GitHub
parent 797cd8c28f
commit b4197e54e6
4 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/component/user/HostedAuth/HostedAuth.tsx
View File

@ -113,7 +113,7 @@ const HostedAuth: VFC<IHostedAuthProps> = ({ authDetails, redirect }) => {
label="Username or email"
name="username"
id="username"
type="string"
type="text"
onChange={evt => setUsername(evt.target.value)}
value={username}
error={Boolean(usernameError)}
@ -130,6 +130,7 @@ const HostedAuth: VFC<IHostedAuthProps> = ({ authDetails, redirect }) => {
value={password}
error={Boolean(passwordError)}
helperText={passwordError}
autoComplete="current-password"
data-testid={LOGIN_PASSWORD_ID}
/>
<Grid container>

6
frontend/src/component/user/PasswordAuth/PasswordAuth.tsx
View File

@ -117,12 +117,12 @@ const PasswordAuth: VFC<IPasswordAuthProps> = ({ authDetails, redirect }) => {
label="Username or email"
name="username"
id="username"
type="string"
type="text"
onChange={evt => setUsername(evt.target.value)}
value={username}
error={Boolean(usernameError)}
helperText={usernameError}
autoComplete="true"
autoComplete="username"
data-testid={LOGIN_EMAIL_ID}
variant="outlined"
size="small"
@ -136,7 +136,7 @@ const PasswordAuth: VFC<IPasswordAuthProps> = ({ authDetails, redirect }) => {
value={password}
error={Boolean(passwordError)}
helperText={passwordError}
autoComplete="true"
autoComplete="current-password"
data-testid={LOGIN_PASSWORD_ID}
/>
<Button

4
frontend/src/component/user/UserProfile/EditProfile/EditProfile.tsx
View File

@ -115,7 +115,7 @@ const EditProfile = ({
label="Password"
name="password"
value={password}
autoComplete="on"
autoComplete="new-password"
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
setPassword(e.target.value)
}
@ -125,7 +125,7 @@ const EditProfile = ({
label="Confirm password"
name="confirmPassword"
value={confirmPassword}
autoComplete="on"
autoComplete="new-password"
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
setConfirmPassword(e.target.value)
}

4
frontend/src/component/user/common/ResetPasswordForm/ResetPasswordForm.tsx
View File

@ -115,7 +115,7 @@ const ResetPasswordForm = ({ token, setLoading }: IResetPasswordProps) => {
setPassword(e.target.value)
}
onFocus={() => setShowPasswordChecker(true)}
autoComplete="password"
autoComplete="new-password"
data-loading
/>
<PasswordField
@ -124,7 +124,7 @@ const ResetPasswordForm = ({ token, setLoading }: IResetPasswordProps) => {
onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
setConfirmPassword(e.target.value)
}
autoComplete="confirm-password"
autoComplete="new-password"
data-loading
/>
<ConditionallyRender