On open popup blur input

mariomka · Jan 18, 2018 · 5155ac7 · 5155ac7
1 parent 47c8fca
commit 5155ac7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/Datetime.vue b/src/Datetime.vue
@@ -140,7 +140,9 @@ export default {
 
       this.$emit('input', date ? date.toISO() : '')
     },
-    open () {
+    open (event) {
+      event.target.blur()
+
       this.isOpen = true
     },
     close () {

diff --git a/test/specs/Datetime.spec.js b/test/specs/Datetime.spec.js
@@ -401,6 +401,21 @@ describe('Datetime.vue', function () {
       })
     })
 
+    it('should blur input when open popup', function (done) {
+      const vm = createVM(this,
+        `<Datetime></Datetime>`,
+        {
+          components: { Datetime }
+        })
+
+      vm.$('.vdatetime-input').focus()
+
+      setTimeout(() => {
+        expect(document.activeElement.isEqualNode(vm.$('.vdatetime-input'))).to.be.false
+        done()
+      }, 50)
+    })
+
     it('should close when clicking the overlay', function (done) {
       const vm = createVM(this,
         `<Datetime></Datetime>`,