fix: form not emitting on change on safari (#121)

Police-Data-Accessibility-Project · Nov 13, 2024 · 69f8898 · 69f8898
1 parent 3af1108
commit 69f8898
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/FormV2/PdapFormV2.vue b/src/components/FormV2/PdapFormV2.vue
@@ -4,7 +4,8 @@
 		:name="name"
 		class="pdap-form"
 		@submit.prevent="submit"
-		@change="emit('change', values, $event)"
+		@input.prevent="change"
+		@change.prevent="change"
 	>
 		<slot v-if="$slots.error" name="error" />
 		<div
@@ -68,6 +69,10 @@ function resetForm() {
 		};
 	}, {});
 }
+function change(event: Event) {
+	emit('change', values.value, event);
+}
+
 async function submit(e: Event) {
 	// Check form submission
 	const isValidSubmission = await v$.value.$validate();