fix(topicSelection): on-blur behavior

activist-org · Oct 31, 2023 · 5799c42 · 5799c42
1 parent 58b86ee
commit 5799c42
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/frontend/components/card/CardTopicSelection.vue b/frontend/components/card/CardTopicSelection.vue
@@ -15,7 +15,7 @@
 
     <ComboboxInput
       @change="query = $event.target.value"
-      @blur="query = ''"
+      :display-value="() => query"
       placeholder="Select a topic"
       class="py-2 w-full bg-transparent border-b-2 dark:text-dark-special-text"
     />
@@ -110,4 +110,13 @@ const filteredTopics = computed(() => {
 function isActiveTopic(topic: Topic) {
   return value.value.includes(topic);
 }
+
+watch(
+  () => open.value,
+  () => {
+    if (!open.value) {
+      query.value = "";
+    }
+  }
+);
 </script>