pasting issue fix.

src/digital-components/textbox-question/textbox-question.vue

@@ -1,18 +1,23 @@
 <template>
-    <div class="textbox-question" :class="(errors && errors.length) || hasError ? 'has-error' : ''">
+  <div
+    class="textbox-question"
+    :class="(errors && errors.length) || hasError ? 'has-error' : ''"
+  >
     <label
       v-if="displayQuestionText"
       :for="inputId"
       :aria-label="questionText"
       class="form-label"
       :class="[questionAlignment === 'center' ? 'text-center w-100 mb-5' : '']"
-            v-html="labelText"></label>
+      v-html="labelText"
+    ></label>
     <div
       class="input-wrapper"
       :class="[
         includeSearchIcon ? 'has-search-icon' : '',
         includeSelectIcon ? 'has-select-icon' : '',
-            ]">
+      ]"
+    >
       <input
         class="form-control"
         v-model.trim.lazy="value"
@@ -42,10 +47,20 @@
         :data-bs-toggle="includeSelectIcon ? 'modal' : ''"
         :data-bs-target="'#' + this.cmsWidgetName"
         @paste="trimOnPaste"
-                @drop="trimOnPaste"/>
+        @drop="trimOnPaste"
-            <button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
+      />
-            <button v-if="includeSelectIcon" type="submit" data-bs-toggle="modal"
+      <button
-                :data-bs-target="'#' + this.cmsWidgetName" aria-label="Select 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"
+      />
     </div>
     <div v-show="errorMessage" class="row my-1 form-test-error">
       <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
@@ -94,7 +109,7 @@ export default {
     includeSelectIcon: Boolean,
     min: String,
     max: String,
-        disableAutoFill: Boolean
+    disableAutoFill: Boolean,
   },
   setup(props) {
     const propsClone = Object.assign({}, props);
@@ -116,11 +131,8 @@ export default {
       initialValue: initialValue,
     };
 
-        const { errorMessage, handleBlur, handleChange, meta, validate, errors } = useField(
+    const { errorMessage, handleBlur, handleChange, meta, validate, errors } =
-            props.inputId,
+      useField(props.inputId, props.validationRules, fieldOptions);
-            props.validationRules,
-            fieldOptions
-        );
 
     return {
       errorMessage,
@@ -134,13 +146,17 @@ export default {
   methods: {
     trimOnPaste(evt) {
       evt.stopPropagation();
-            evt.preventDefault();
+      preventDefault();
 
-            const data = evt.type == "paste" ? (evt.clipboardData || window.clipboardData) : evt.dataTransfer;
+      var data = null;
-            const value = data.getData('Text')?.trim();
+      if (evt.type === "paste") {
+        data = evt.clipboardData || window.clipboardData;
+      } else if (evt.type === "drop") {
+        data = evt.dataTransfer;
+      }
+      const value = data.getData("Text")?.trim();
 
       this.$emit("update:modelValue", value);
-
     },
   },
   computed: {
@@ -195,7 +211,6 @@ export default {
 </script>
 
 <style lang="scss">
-
 input[type="date"]::-webkit-inner-spin-button {
   display: none;
 }
@@ -212,7 +227,7 @@ input[type="date"]::-webkit-calendar-picker-indicator {
   height: 16px;
   display: flex;
   border-radius: 0 7px 7px 0;
-	background-color: #E4F1F7;
+  background-color: #e4f1f7;
   &:hover {
     cursor: pointer;
   }
@@ -228,7 +243,7 @@ input[type="date"]::-webkit-calendar-picker-indicator {
   span {
     font-weight: 400;
     font-size: 14px;
-        color: #4D5151;
+    color: #4d5151;
   }
   .form-test-error span {
     color: #d4281c;