diff --git a/src/directives/clickoutside.js b/src/directives/clickoutside.js
index 2de0485..d1d742e 100644
--- a/src/directives/clickoutside.js
+++ b/src/directives/clickoutside.js
@@ -11,9 +11,9 @@ export default {
         binding.value()
       }
     }
-    document.addEventListener('click', el['@clickoutside'], true)
+    document.addEventListener('click', el['@clickoutside'], false)
   },
   unbind (el) {
-    document.removeEventListener('click', el['@clickoutside'], true)
+    document.removeEventListener('click', el['@clickoutside'], false)
   }
 }
diff --git a/src/index.vue b/src/index.vue
index ed6e468..175ddef 100644
--- a/src/index.vue
+++ b/src/index.vue
@@ -10,7 +10,7 @@
     }"
     v-clickoutside="closePopup">
     <div class="mx-input-wrapper"
-      @click="showPopup">
+      @click.stop="showPopup">
       <input
         :class="inputClass"
         :name="inputName"