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 d788649)
bcgov · Jun 6, 2024 · 58da838 · 58da838
1 parent 7b06e47
commit 58da838
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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"