From 9108737d55300d8a4f822ba94335d8b53f04854d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 7 Apr 2019 20:33:11 +0300
Subject: Webpack 4, ESLint with Vue, Node-sass, updated dependencies overall.
 New linting.

---
 src/components/emoji-input/emoji-input.vue | 41 ++++++++++++++++--------------
 1 file changed, 22 insertions(+), 19 deletions(-)

(limited to 'src/components/emoji-input/emoji-input.vue')

diff --git a/src/components/emoji-input/emoji-input.vue b/src/components/emoji-input/emoji-input.vue
index 338b77cd..6a3be036 100644
--- a/src/components/emoji-input/emoji-input.vue
+++ b/src/components/emoji-input/emoji-input.vue
@@ -9,13 +9,13 @@
       @input="onInput"
       @click="setCaret"
       @keyup="setCaret"
-      @keydown="onKeydown"
-      @keydown.down="cycleForward"
-      @keydown.up="cycleBackward"
-      @keydown.shift.tab="cycleBackward"
-      @keydown.tab="cycleForward"
-      @keydown.enter="replaceEmoji"
-    />
+      @keydown.exact="onKeydown"
+      @keydown.down.exact="cycleForward"
+      @keydown.up.exact="cycleBackward"
+      @keydown.shift.tab.exact="cycleBackward"
+      @keydown.tab.exact="cycleForward"
+      @keydown.enter.exact="replaceEmoji"
+    >
     <textarea
       v-else
       :class="classname"
@@ -24,27 +24,30 @@
       @input="onInput"
       @click="setCaret"
       @keyup="setCaret"
-      @keydown="onKeydown"
-      @keydown.down="cycleForward"
-      @keydown.up="cycleBackward"
-      @keydown.shift.tab="cycleBackward"
-      @keydown.tab="cycleForward"
-      @keydown.enter="replaceEmoji"
-    ></textarea>
-    <div class="autocomplete-panel" v-if="suggestions">
+      @keydown.exact="onKeydown"
+      @keydown.down.exact="cycleForward"
+      @keydown.up.exact="cycleBackward"
+      @keydown.shift.tab.exact="cycleBackward"
+      @keydown.tab.exact="cycleForward"
+      @keydown.enter.exact="replaceEmoji"
+    />
+    <div
+      v-if="suggestions"
+      class="autocomplete-panel"
+    >
       <div class="autocomplete-panel-body">
         <div
           v-for="(emoji, index) in suggestions"
           :key="index"
-          @click="replace(emoji.utf || (emoji.shortcode + ' '))"
           class="autocomplete-item"
           :class="{ highlighted: emoji.highlighted }"
+          @click="replace(emoji.utf || (emoji.shortcode + ' '))"
         >
           <span v-if="emoji.img">
-            <img :src="emoji.img" />
+            <img :src="emoji.img">
           </span>
-          <span v-else>{{emoji.utf}}</span>
-          <span>{{emoji.shortcode}}</span>
+          <span v-else>{{ emoji.utf }}</span>
+          <span>{{ emoji.shortcode }}</span>
         </div>
       </div>
     </div>
-- 
cgit v1.2.3-70-g09d2

