From 58da8381f3743f2e0a578d91191a69ffe6684982 Mon Sep 17 00:00:00 2001
From: Kyle Morel <kyle.1.morel@gov.bc.ca>
Date: Wed, 15 May 2024 15:56:57 -0700
Subject: [PATCH] Slipstream fix to remove .trim from form components Removed
 internal form components from the cherrypick

Bug noticed by navs where backspacing caused the whitespace to be removed automatically

(cherry picked from commit d788649f29f3c253315ea794c44818f427669731)
---
 frontend/src/components/form/Checkbox.vue                   | 2 +-
 frontend/src/components/form/EditableDropdown.vue           | 2 +-
 frontend/src/components/form/InputMask.vue                  | 2 +-
 frontend/src/components/form/InputNumber.vue                | 2 +-
 frontend/src/components/form/InputText.vue                  | 2 +-
 frontend/src/components/form/Password.vue                   | 2 +-
 frontend/src/components/form/TextArea.vue                   | 2 +-
 frontend/src/components/submission/SubmissionStatistics.vue | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/form/Checkbox.vue b/frontend/src/components/form/Checkbox.vue
index 87a31b99..1389366c 100644
--- a/frontend/src/components/form/Checkbox.vue
+++ b/frontend/src/components/form/Checkbox.vue
@@ -30,7 +30,7 @@ const { errorMessage, value } = useField<string>(toRef(props, 'name'));
   <div class="field col">
     <div class="flex align-items-center">
       <Checkbox
-        v-model.trim="value"
+        v-model="value"
         binary
         :aria-describedby="`${name}-help`"
         :name="name"
diff --git a/frontend/src/components/form/EditableDropdown.vue b/frontend/src/components/form/EditableDropdown.vue
index cf69f877..a42d066a 100644
--- a/frontend/src/components/form/EditableDropdown.vue
+++ b/frontend/src/components/form/EditableDropdown.vue
@@ -43,7 +43,7 @@ const { errorMessage, value } = useField<string>(toRef(props, 'name'));
       {{ label }}
     </label>
     <Dropdown
-      v-model.trim="value"
+      v-model="value"
       editable
       :aria-describedby="`${name}-help`"
       :name="name"
diff --git a/frontend/src/components/form/InputMask.vue b/frontend/src/components/form/InputMask.vue
index 3f635b23..f5cf1059 100644
--- a/frontend/src/components/form/InputMask.vue
+++ b/frontend/src/components/form/InputMask.vue
@@ -36,7 +36,7 @@ const { errorMessage, value } = useField<string>(toRef(props, 'name'));
       {{ label }}
     </label>
     <InputMask
-      v-model.trim="value"
+      v-model="value"
       :aria-describedby="`${name}-help`"
       :name="name"
       :mask="mask"
diff --git a/frontend/src/components/form/InputNumber.vue b/frontend/src/components/form/InputNumber.vue
index 60d17af9..6aaf4389 100644
--- a/frontend/src/components/form/InputNumber.vue
+++ b/frontend/src/components/form/InputNumber.vue
@@ -39,7 +39,7 @@ const fieldActive: Ref<boolean> = ref(false);
       {{ label }}
     </label>
     <InputNumber
-      v-model.trim="value"
+      v-model="value"
       :aria-describedby="`${name}-help`"
       :name="name"
       :placeholder="placeholder"
diff --git a/frontend/src/components/form/InputText.vue b/frontend/src/components/form/InputText.vue
index e9e893d2..1cd18abd 100644
--- a/frontend/src/components/form/InputText.vue
+++ b/frontend/src/components/form/InputText.vue
@@ -35,7 +35,7 @@ const { errorMessage, value } = useField<string>(toRef(props, 'name'));
       {{ label }}
     </label>
     <InputText
-      v-model.trim="value"
+      v-model="value"
       :aria-describedby="`${name}-help`"
       :name="name"
       :placeholder="placeholder"
diff --git a/frontend/src/components/form/Password.vue b/frontend/src/components/form/Password.vue
index 0b9f4a25..8a92fa6d 100644
--- a/frontend/src/components/form/Password.vue
+++ b/frontend/src/components/form/Password.vue
@@ -33,7 +33,7 @@ const { errorMessage, value } = useField<string>(toRef(props, 'name'));
       {{ props.label }}
     </label>
     <Password
-      v-model.trim="value"
+      v-model="value"
       :aria-describedby="`${props.name}-help`"
       :name="props.name"
       :type="props.type"
diff --git a/frontend/src/components/form/TextArea.vue b/frontend/src/components/form/TextArea.vue
index 27a465c6..d055cf59 100644
--- a/frontend/src/components/form/TextArea.vue
+++ b/frontend/src/components/form/TextArea.vue
@@ -37,7 +37,7 @@ const { errorMessage, value } = useField<string>(toRef(props, 'name'));
       {{ label }}
     </label>
     <Textarea
-      v-model.trim="value"
+      v-model="value"
       :aria-describedby="`${name}-help`"
       :name="name"
       :placeholder="placeholder"
diff --git a/frontend/src/components/submission/SubmissionStatistics.vue b/frontend/src/components/submission/SubmissionStatistics.vue
index 7c99e630..454529dd 100644
--- a/frontend/src/components/submission/SubmissionStatistics.vue
+++ b/frontend/src/components/submission/SubmissionStatistics.vue
@@ -121,7 +121,7 @@ watch(
         <td class="col-9">
           Submissions by assigned navigator
           <Dropdown
-            v-model.trim="statisticFilters.userId"
+            v-model="statisticFilters.userId"
             class="w-7"
             editable
             :options="assigneeOptions"