jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

input id must differ from all other ids

Browse source
This commit is contained in:
Michaela Brydon 2023-11-30 15:55:56 -05:00
parent 990935d07c
commit 10104b8494
2 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/digital-components/textbox-question/textbox-question.vue
View file

@ -201,10 +201,27 @@ export default {
evt.stopPropagation();
evt.preventDefault();
const data = evt.type === 'paste' ? (evt.clipboardData || window.clipboardData) : evt.dataTransfer;
const value = data.getData('Text')?.trim();
const input = document.getElementById(evt.srcElement.id);
const originalValue = input.value;
const startPosition = input.selectionStart;
const endPosition = input.selectionEnd;
const selectionLength = endPosition - startPosition;
this.$emit('update:modelValue', this.modelValue + value);
let data = null;
if (evt.type === 'paste') {
data = evt.clipboardData || window.clipboardData;
} else {
data = evt.dataTransfer;
}
const textValue = data.getData('Text');
// Insert the pasted/dropped string at the index position
const arrOriginalString = originalValue.split('');
arrOriginalString.splice(startPosition, selectionLength, textValue);
const blendedString = arrOriginalString.join('');
this.$emit('update:modelValue', blendedString);
},
clickedSearch() {
if (this.meta.valid) {

4
src/layouts/tpa-search/tpa-search.vue
View file

@ -26,7 +26,7 @@
<textboxQuestion
id="tpaSearchQuestionField"
v-model="zipCode"
inputId="tpaSearchQuestionField"
inputId="tpaSearchQuestionFieldInput"
:cmsWidgetName="widget.tpaSearchQuestion"
:includeSearchIcon="true"
:displayQuestionText="false"
@ -54,7 +54,7 @@
id="searchRadiusFilter"
v-model="filter"
:cmsWidgetName="widget.filterByQuestion"
inputId="filterByQuestionField"
inputId="searchRadiusFilterInput"
:options="filterOptions"
disableAutoFill
:isDisabled="reloadingProviders"