From 69f88980e110049100142726cebf866fda9ecccc Mon Sep 17 00:00:00 2001
From: Joshua Graber <68428039+joshuagraber@users.noreply.github.com>
Date: Wed, 13 Nov 2024 10:23:17 -0500
Subject: [PATCH] fix: form not emitting on change on safari (#121)

---
 package-lock.json                    | 12 ++++++------
 src/components/FormV2/PdapFormV2.vue |  7 ++++++-
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c891ce5..aab6614 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4001,9 +4001,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001625",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
-			"integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
+			"version": "1.0.30001680",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
+			"integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
 			"dev": true,
 			"funding": [
 				{
@@ -20028,9 +20028,9 @@
 			}
 		},
 		"caniuse-lite": {
-			"version": "1.0.30001625",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
-			"integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
+			"version": "1.0.30001680",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
+			"integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
 			"dev": true
 		},
 		"cardinal": {
diff --git a/src/components/FormV2/PdapFormV2.vue b/src/components/FormV2/PdapFormV2.vue
index 4500181..c26ab16 100644
--- 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();