updated textbox question to trim whitespace before setting the value of the textbox

This commit is contained in:
Jason Wheeler 2023-02-03 12:08:40 -05:00
parent 79b8a12be2
commit 462d5b3ee8

View file

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