From 40458ff1a6eaee3d6f007a142aef82cf7e174ca1 Mon Sep 17 00:00:00 2001
From: Leane Hecht <lhecht@techfak.de>
Date: Fri, 14 Jul 2023 10:05:44 +0200
Subject: [PATCH 1/2] Resolve #551 by using click and key events

Highlighting for unchanged values didn't work because
the watcher was not triggered. Replace the watcher by
an click and key event to listen for input submission.
---
 resources/assets/js/core/components/typeahead.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/core/components/typeahead.vue b/resources/assets/js/core/components/typeahead.vue
index b9fc46a9b..ca322bda2 100644
--- 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;
         },

From 154ad3d9aca4e5f8666104da94c32e408eca4fe7 Mon Sep 17 00:00:00 2001
From: Martin Zurowietz <mzur@users.noreply.github.com>
Date: Mon, 7 Aug 2023 16:06:27 +0200
Subject: [PATCH 2/2] Apply suggestions from code review

---
 resources/assets/js/core/components/typeahead.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/core/components/typeahead.vue b/resources/assets/js/core/components/typeahead.vue
index ca322bda2..9870607dd 100644
--- a/resources/assets/js/core/components/typeahead.vue
+++ b/resources/assets/js/core/components/typeahead.vue
@@ -8,7 +8,7 @@
         :placeholder="placeholder"
         @focus="emitFocus"
         @blur="emitBlur"
-        @keyup.enter="emitInternalValue()"
+        @keyup.enter="emitInternalValue"
         >
     <typeahead
         v-model="internalValue"
@@ -20,7 +20,7 @@
         >
         <template slot="item" slot-scope="props">
             <typeahead-item
-                @click.native="emitInternalValue()"
+                @click.native="emitInternalValue"
                 v-for="(item, index) in props.items"
                 :key="index"
                 :props="props"