Work for #7025: fix dropdown and tagbox warnings (#7052)

surveyjs · Sep 29, 2023 · ef7cef6 · ef7cef6
1 parent 29cf60c
commit ef7cef6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue b/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue
@@ -28,8 +28,8 @@
 
       <div :class="question.cssClasses.controlValue">
         <survey-string
-          v-if="question.showSelectedItemLocText"
-          :locString="question.selectedItemLocText"
+          v-if="showSelectedItemLocText"
+          :locString="selectedItemLocText"
         />
         <div
           v-if="model.showHintString"
@@ -105,7 +105,7 @@
     </div>
     <div
       :class="question.cssClasses.chevronButton"
-          v-on:pointerdown="chevronPointerDown"
+      v-on:pointerdown="chevronPointerDown"
       v-if="question.cssClasses.chevronButtonIconId"
     >
       <sv-svg-icon
@@ -166,6 +166,11 @@ const inputChange = (event: any) => {
   model.value.inputStringRendered = event.target.value;
 };
 
+const showSelectedItemLocText = computed(
+  () => props.question.showSelectedItemLocText
+);
+const selectedItemLocText = computed(() => props.question.selectedItemLocText);
+
 useBase(() => model.value);
 
 onUpdated(updateInputDomElement);

diff --git a/packages/survey-vue3-ui/src/components/tagbox/Tagbox.vue b/packages/survey-vue3-ui/src/components/tagbox/Tagbox.vue
@@ -24,7 +24,7 @@
     >
       <div :class="question.cssClasses.controlValue">
         <sv-tagbox-item
-          v-for="(item, index) in question.selectedChoices"
+          v-for="(item, index) in selectedChoices"
           :item="item"
           :question="question"
           :key="'item' + index"
@@ -60,7 +60,7 @@
     </div>
     <div
       :class="question.cssClasses.chevronButton"
-          v-on:pointerdown="chevronPointerDown"
+      v-on:pointerdown="chevronPointerDown"
       v-if="question.cssClasses.chevronButtonIconId"
     >
       <sv-svg-icon
@@ -101,6 +101,7 @@ const keyhandler = (event: any) => {
 const blur = (event: any) => {
   model.value?.onBlur(event);
 };
+const selectedChoices = computed(() => props.question.selectedChoices);
 
 useBase(() => model.value);
 </script>