Merge pull request #627 from biigle/label-tree-selection-bug

Fix highlighting for unchanged values in label tree
biigle · Aug 7, 2023 · 970a9c6 · 970a9c6
2 parents 6300a86 + 154ad3d
commit 970a9c6
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/resources/assets/js/core/components/typeahead.vue b/resources/assets/js/core/components/typeahead.vue
@@ -8,6 +8,7 @@
         :placeholder="placeholder"
         @focus="emitFocus"
         @blur="emitBlur"
+        @keyup.enter="emitInternalValue"
         >
     <typeahead
         v-model="internalValue"
@@ -19,6 +20,7 @@
         >
         <template slot="item" slot-scope="props">
             <typeahead-item
+                @click.native="emitInternalValue"
                 v-for="(item, index) in props.items"
                 :key="index"
                 :props="props"
@@ -93,17 +95,17 @@ export default {
         emitBlur(e) {
             this.$emit('blur', e);
         },
-    },
-    watch: {
-        internalValue(value) {
-            if (typeof value === 'object') {
-                this.$emit('input', value);
-                this.$emit('select', value);
+        emitInternalValue() {
+            if (typeof this.internalValue === 'object') {
+                this.$emit('input', this.internalValue);
+                this.$emit('select', this.internalValue);
                 if (this.clearOnSelect) {
                     this.clear();
                 }
             }
         },
+    },
+    watch: {
         value(value) {
             this.internalValue = value;
         },