updated textbox question to trim whitespace before setting the value of the textbox
This commit is contained in:
parent
79b8a12be2
commit
462d5b3ee8
1 changed files with 16 additions and 1 deletions
|
|
@ -39,7 +39,9 @@
|
||||||
:maxlength="maxLength ? maxLength : '999'"
|
:maxlength="maxLength ? maxLength : '999'"
|
||||||
@focus="$emit('focus', $event.target.value)"
|
@focus="$emit('focus', $event.target.value)"
|
||||||
:data-bs-toggle="includeSelectIcon ? 'modal' : ''"
|
: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="includeSearchIcon" type="submit" aria-label="Search button" />
|
||||||
<button v-if="includeSelectIcon" type="submit" data-bs-toggle="modal"
|
<button v-if="includeSelectIcon" type="submit" data-bs-toggle="modal"
|
||||||
:data-bs-target="'#' + this.cmsWidgetName" aria-label="Select button" />
|
:data-bs-target="'#' + this.cmsWidgetName" aria-label="Select button" />
|
||||||
|
|
@ -124,6 +126,19 @@ export default {
|
||||||
errors,
|
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: {
|
computed: {
|
||||||
questionText() {
|
questionText() {
|
||||||
return this.getCmsContent(this.cmsWidgetName, "QuestionText");
|
return this.getCmsContent(this.cmsWidgetName, "QuestionText");
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue