Fix space and escape in multiselect search #1983

getkirby · Aug 8, 2019 · 48c850a · 48c850a
1 parent 0d7831b
commit 48c850a
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/panel/src/components/Forms/Input/MultiselectInput.vue b/panel/src/components/Forms/Input/MultiselectInput.vue
@@ -26,14 +26,17 @@
       slot="footer"
       ref="dropdown"
       @open="onOpen"
-      @close="q = null"
     >
       <k-dropdown-item
         v-if="search"
         icon="search"
         class="k-multiselect-search"
       >
-        <input ref="search" v-model="q">
+        <input
+          ref="search"
+          v-model="q"
+          @keydown.esc.stop="escape"
+        />
       </k-dropdown-item>
 
       <div class="k-multiselect-options">
@@ -156,12 +159,10 @@ export default {
     this.onInvalid();
     this.$events.$on("click", this.close);
     this.$events.$on("keydown.cmd.s", this.close);
-    this.$events.$on("keydown.esc", this.escape);
   },
   destroyed() {
     this.$events.$off("click", this.close);
     this.$events.$off("keydown.cmd.s", this.close);
-    this.$events.$off("keydown.esc", this.escape);
   },
   methods: {
     add(option) {