Remove autocomplete and autocapitalisation on server url and username fields (#731)

This commit is contained in:
Scott Merchant 2024-12-19 17:06:34 +01:00 committed by GitHub
parent 8dcd4df750
commit cf728739b3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 3 deletions

View File

@ -11,7 +11,7 @@
"build:mobile:dev": "yarn workspace mobile build:dev", "build:mobile:dev": "yarn workspace mobile build:dev",
"update": "yarn workspace mobile update", "update": "yarn workspace mobile update",
"lint": "biome lint .", "lint": "biome lint .",
"lint:fix": "biome lint . --apply", "lint:fix": "biome lint . --write",
"format": "biome format .", "format": "biome format .",
"format:fix": "biome format . --write" "format:fix": "biome format . --write"
}, },

View File

@ -55,7 +55,12 @@ export const LoginPage: QueryPage<{ apiUrl?: string; error?: string }> = ({
<H1>{t("login.login")}</H1> <H1>{t("login.login")}</H1>
<OidcLogin apiUrl={apiUrl} /> <OidcLogin apiUrl={apiUrl} />
<P {...css({ paddingLeft: ts(1) })}>{t("login.username")}</P> <P {...css({ paddingLeft: ts(1) })}>{t("login.username")}</P>
<Input autoComplete="username" variant="big" onChangeText={(value) => setUsername(value)} /> <Input
autoComplete="username"
variant="big"
onChangeText={(value) => setUsername(value)}
autoCapitalize="none"
/>
<P {...css({ paddingLeft: ts(1) })}>{t("login.password")}</P> <P {...css({ paddingLeft: ts(1) })}>{t("login.password")}</P>
<PasswordInput <PasswordInput
autoComplete="password" autoComplete="password"

View File

@ -63,7 +63,7 @@ export const ServerUrlPage: QueryPage = () => {
> >
<H1>{t("login.server")}</H1> <H1>{t("login.server")}</H1>
<View {...css({ justifyContent: "center" })}> <View {...css({ justifyContent: "center" })}>
<Input variant="big" onChangeText={setApiUrl} /> <Input variant="big" onChangeText={setApiUrl} autoCorrect={false} autoCapitalize="none" />
{!data && ( {!data && (
<P {...css({ color: (theme: Theme) => theme.colors.red, alignSelf: "center" })}> <P {...css({ color: (theme: Theme) => theme.colors.red, alignSelf: "center" })}>
{error?.errors[0] ?? t("misc.loading")} {error?.errors[0] ?? t("misc.loading")}