From bbbf6ebe376c7b6c3a64e14571a3a477b880e3ad Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Mon, 8 Jul 2024 09:38:27 +0200
Subject: [frontend] Better autocapitalize/spellcheck settings on forms (#3077)

---
 web/source/settings/views/admin/emoji/category-select.tsx        | 2 ++
 web/source/settings/views/admin/emoji/local/new-emoji.tsx        | 2 ++
 web/source/settings/views/admin/emoji/local/overview.tsx         | 2 ++
 web/source/settings/views/admin/emoji/remote/steal-this-look.tsx | 3 ++-
 4 files changed, 8 insertions(+), 1 deletion(-)

(limited to 'web/source/settings/views/admin/emoji')

diff --git a/web/source/settings/views/admin/emoji/category-select.tsx b/web/source/settings/views/admin/emoji/category-select.tsx
index 683e146d8..fabcad9b6 100644
--- a/web/source/settings/views/admin/emoji/category-select.tsx
+++ b/web/source/settings/views/admin/emoji/category-select.tsx
@@ -126,6 +126,8 @@ export function CategorySelect({ field, children }: PropsWithChildren<CategorySe
 				items={categoryItems}
 				label="Category"
 				placeholder="e.g., reactions"
+				autoCapitalize="none"
+				spellCheck="false"
 			>
 				{children}
 			</ComboBox>
diff --git a/web/source/settings/views/admin/emoji/local/new-emoji.tsx b/web/source/settings/views/admin/emoji/local/new-emoji.tsx
index f2f5a56b1..b9c37ca8e 100644
--- a/web/source/settings/views/admin/emoji/local/new-emoji.tsx
+++ b/web/source/settings/views/admin/emoji/local/new-emoji.tsx
@@ -117,6 +117,8 @@ export default function NewEmojiForm() {
 				<TextInput
 					field={form.shortcode}
 					label="Shortcode, must be unique among the instance's local emoji"
+					autoCapitalize="none"
+					spellCheck="false"
 					{...{pattern: "^\\w{2,30}$"}}
 				/>
 
diff --git a/web/source/settings/views/admin/emoji/local/overview.tsx b/web/source/settings/views/admin/emoji/local/overview.tsx
index b4fa48d74..e9c5fae0c 100644
--- a/web/source/settings/views/admin/emoji/local/overview.tsx
+++ b/web/source/settings/views/admin/emoji/local/overview.tsx
@@ -116,6 +116,8 @@ function EmojiList({ emoji }: EmojiListParams) {
 						field={filterField}
 						name="emoji-shortcode"
 						placeholder="Search"
+						autoCapitalize="none"
+						spellCheck="false"
 					/>
 				</div>
 				<div className="entries scrolling">
diff --git a/web/source/settings/views/admin/emoji/remote/steal-this-look.tsx b/web/source/settings/views/admin/emoji/remote/steal-this-look.tsx
index 43d0b83e1..69d7b8bb5 100644
--- a/web/source/settings/views/admin/emoji/remote/steal-this-look.tsx
+++ b/web/source/settings/views/admin/emoji/remote/steal-this-look.tsx
@@ -52,9 +52,10 @@ export default function StealThisLook({ emojiCodes }) {
 					</label>
 					<div className="row">
 						<input
-							type="text"
 							id="url"
 							name="url"
+							type="url"
+							pattern="(http|https):\/\/.+"
 							onChange={urlField.onChange}
 							value={urlField.value}
 						/>
-- 
cgit v1.3