fix(input): do not submit the form if there was a menu choice (if the…

… component is inside the form) re #196
iliyaZelenko · Sep 13, 2019 · 50bc64d · 50bc64d
1 parent 6fd9957
commit 50bc64d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/gh-pages-src/pages/dev/Example5.vue b/gh-pages-src/pages/dev/Example5.vue
@@ -6,6 +6,17 @@
       <b>Selected:</b> {{ selected || 'not chosen' }}.
       <br><br>
 
+      <form @submit="onSubmit">
+        <cool-select
+          v-model="selected"
+          :items="items"
+          placeholder="Select name"
+          @keydown.enter.native="onEnter"
+        />
+      </form>
+
+      <br>
+
       <cool-select
         v-model="selected"
         :items="items"
@@ -99,6 +110,12 @@ export default {
     }
   },
   methods: {
+    onSubmit () {
+      alert('Submit!')
+    },
+    onEnter () {
+      alert('onEnter!')
+    },
     validate () {
       this.errorMessage = this.selected ? null : 'This is required field!'
     }

diff --git a/src/eventsListeners.js b/src/eventsListeners.js
@@ -50,8 +50,10 @@ export default {
       })
     }
   },
-  onEnter () {
+  onEnter (e) {
     if (this.hasMenu) {
+      e.preventDefault()
+
       let needToResetSearch = false
       // если не выбрано через стрелки, то выбирать первый элемент
       if (!this.arrowsIndex && !this.disableFirstItemSelectOnEnter) {