[frontend] Better autocapitalize/spellcheck settings on forms (#3077)

2 files changed, 15 insertions, 1 deletions

diff --git a/web/source/settings/views/user/migration.tsx b/web/source/settings/views/user/migration.tsx
index 69aae6059..5c964d457 100644
--- a/web/source/settings/views/user/migration.tsx
+++ b/web/source/settings/views/user/migration.tsx
@@ -135,6 +135,8 @@ function AlsoKnownAsURI({ index, data }) {
 			label={`Alias #${index+1}`}
 			field={form.alsoKnownAsURI}
 			placeholder={`https://example.org/users/my_other_account_${index+1}`}
+			type="url"
+			pattern="(http|https):\/\/.+"
 		/>
 	);
 }
@@ -190,10 +192,13 @@ function MoveForm({ data: profile }) {
 				field={form.movedToURI}
 				label="Move target URI"
 				placeholder="https://example.org/users/my_new_account"
+				type="url"
+				pattern="(http|https):\/\/.+"
 			/>
 			<TextInput
 				disabled={false}
 				type="password"
+				autoComplete="current-password"
 				name="password"
 				field={form.password}
 				label="Current account password"
diff --git a/web/source/settings/views/user/profile.tsx b/web/source/settings/views/user/profile.tsx
index a65405faa..17827ce9e 100644
--- a/web/source/settings/views/user/profile.tsx
+++ b/web/source/settings/views/user/profile.tsx
@@ -175,12 +175,15 @@ function UserProfileForm({ data: profile }) {
 			<TextInput
 				field={form.displayName}
 				label="Display name"
-				placeholder="A GoToSocial user"
+				placeholder="A GoToSocial User"
+				autoCapitalize="words"
+				spellCheck="false"
 			/>
 			<TextArea
 				field={form.note}
 				label="Bio"
 				placeholder="Just trying out GoToSocial, my pronouns are they/them and I like sloths."
+				autoCapitalize="sentences"
 				rows={8}
 			/>
 			<b>Profile fields</b>
@@ -233,6 +236,8 @@ function UserProfileForm({ data: profile }) {
 				className="monospace"
 				rows={8}
 				disabled={!instanceConfig.allowCustomCSS}
+				autoCapitalize="none"
+				spellCheck="false"
 			/>
 			<MutationButton
 				disabled={false}
@@ -270,10 +275,14 @@ function Field({ index, data }) {
 			<TextInput
 				field={form.name}
 				placeholder="Name"
+				autoCapitalize="none"
+				spellCheck="false"
 			/>
 			<TextInput
 				field={form.value}
 				placeholder="Value"
+				autoCapitalize="none"
+				spellCheck="false"
 			/>
 		</div>
 	);