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"/>
@@ -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");