From ef7cef68e1d74aa9f65c4723a85049dcb3bc3f1a Mon Sep 17 00:00:00 2001
From: Dmitry <dk981234@gmail.com>
Date: Fri, 29 Sep 2023 19:11:50 +0400
Subject: [PATCH] Work for #7025: fix dropdown and tagbox warnings (#7052)

---
 .../src/components/dropdown/Dropdown.vue              | 11 ++++++++---
 .../survey-vue3-ui/src/components/tagbox/Tagbox.vue   |  5 +++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue b/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue
index 2a3664709f..8f59502860 100644
--- 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
index c83c70e26f..9f014267fd 100644
--- 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>