From 462d5b3ee8f0b0d570f50171f280ca23cfe63268 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Fri, 3 Feb 2023 12:08:40 -0500
Subject: [PATCH] updated textbox question to trim whitespace before setting
 the value of the textbox

---
 .../textbox-question/textbox-question.vue       | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 6ce03412..c4ba0a65 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -39,7 +39,9 @@
                 :maxlength="maxLength ? maxLength : '999'"
                 @focus="$emit('focus', $event.target.value)" 
                 :data-bs-toggle="includeSelectIcon ? 'modal' : ''"
-                :data-bs-target="'#' + this.cmsWidgetName" />
+                :data-bs-target="'#' + this.cmsWidgetName" 
+                @paste="trimOnPaste"
+                @drop="trimOnPaste"/>
             <button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
             <button v-if="includeSelectIcon" type="submit" data-bs-toggle="modal"
                 :data-bs-target="'#' + this.cmsWidgetName" aria-label="Select button" />
@@ -124,6 +126,19 @@ export default {
             errors,
         };
     },
+    methods: {
+        trimOnPaste(evt) {
+            evt.stopPropagation();
+            evt.preventDefault();
+
+            const data = evt.type == "paste" ? (evt.clipboardData || window.clipboardData) : evt.dataTransfer;
+            const value = data.getData('Text');
+
+            evt.target.value = value.trim();
+
+            evt.target.dispatchEvent(new Event('change'));
+        }
+    },
     computed: {
         questionText() {            
             return this.getCmsContent(this.cmsWidgetName, "QuestionText");