From 51ca01895d1ddf62dd5c619eeaa86cc93ec55242 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Tue, 4 Aug 2026 10:23:50 +0200
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=94=A8=20Include=20tests=20in=20tscon?=
 =?UTF-8?q?fig?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/tsconfig.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 6ce2fdc..5e36ae4 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -18,7 +18,8 @@
     "src/**/*.ts",
     "src/**/*.d.ts",
     "src/**/*.vue",
-    "vite.config.ts"
+    "vite.config.ts",
+    "tests/**/*.ts"
   ],
   "exclude": ["node_modules", "dist"]
 }

From 65077d37a3e4a2a6c4a74a1775edacca10fd96a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Tue, 4 Aug 2026 10:24:50 +0200
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=94=A8=20Migrate=20number=20input=20t?=
 =?UTF-8?q?o=20text=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/modals/SongSet.vue |  6 ++++--
 frontend/src/utils.ts           |  5 ++++-
 frontend/tests/utils.test.ts    | 12 ++++++++++++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/modals/SongSet.vue b/frontend/src/modals/SongSet.vue
index 8b3c30e..3ef1f67 100644
--- a/frontend/src/modals/SongSet.vue
+++ b/frontend/src/modals/SongSet.vue
@@ -87,7 +87,8 @@
 					<label class="flex flex-col gap-1">
 						<div>{{ t('field.year') }}</div>
 						<input
-							type="number"
+							type="text"
+							inputmode="numeric"
 							:value="song.year"
 							@input="e => song.year = parseNumberInput((e.target as HTMLInputElement).value)"
 							:placeholder="t('placeholder.exampleSongYear')"
@@ -111,7 +112,8 @@
 							<icon-number class="w-5 h-5 stroke-1.5 mt-0.5" />
 						</div>
 						<input
-							type="number"
+							type="text"
+							inputmode="numeric"
 							:value="song.ccli"
 							@input="e => song.ccli = parseNumberInput((e.target as HTMLInputElement).value)"
 							:placeholder="t('placeholder.exampleSongCcli')"
diff --git a/frontend/src/utils.ts b/frontend/src/utils.ts
index 03406c9..a57c9f7 100644
--- a/frontend/src/utils.ts
+++ b/frontend/src/utils.ts
@@ -299,7 +299,10 @@ const urlify = (s: string): string => {
 }
 
 // parse a number <input>'s raw value, treating an empty field as unset rather than 0
-const parseNumberInput = (value: string): number | undefined => value === '' ? undefined : parseInt(value);
+const parseNumberInput = (value: string): number | undefined => {
+  const trimmed = value.trim();
+  return trimmed === '' ? undefined : parseInt(trimmed);
+};
 
 // sort tag keys by their translated name in the given locale
 const sortTags = (tags: string[], locale: string): string[] => {
diff --git a/frontend/tests/utils.test.ts b/frontend/tests/utils.test.ts
index 6730914..77cd5cc 100644
--- a/frontend/tests/utils.test.ts
+++ b/frontend/tests/utils.test.ts
@@ -227,6 +227,18 @@ describe('parseNumberInput', () => {
 	it('parses a numeric string', () => {
 		expect(parseNumberInput('42')).toBe(42);
 	});
+
+	it('trims a trailing space before parsing', () => {
+		expect(parseNumberInput('12345 ')).toBe(12345);
+	});
+
+	it('trims a leading space before parsing', () => {
+		expect(parseNumberInput(' 12345')).toBe(12345);
+	});
+
+	it('treats a whitespace-only string as unset', () => {
+		expect(parseNumberInput('   ')).toBeUndefined();
+	});
 });
 
 describe('sortTags', () => {