From 3a6b67065d16bc00dde53c42d6abf799e4e86ac2 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Wed, 3 Aug 2016 02:13:01 -0300
Subject: [PATCH] Listen to focus and blur events for tooltips

---
 src/components/mdTooltip/mdTooltip.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/mdTooltip/mdTooltip.vue b/src/components/mdTooltip/mdTooltip.vue
index b3e9af0..c308f99 100644
--- a/src/components/mdTooltip/mdTooltip.vue
+++ b/src/components/mdTooltip/mdTooltip.vue
@@ -7,8 +7,8 @@
 <style lang="scss" src="./mdTooltip.scss"></style>
 
 <script>
-  let registeredMouseEnter;
-  let registeredMouseLeave;
+  let registeredEnterEvent;
+  let registeredLeaveEvent;
 
   let calculateTooltipPosition = (scope) => {
     let position = scope.parent.getBoundingClientRect();
@@ -88,19 +88,26 @@
       this.created = false;
       this.$remove();
 
-      this.parent.addEventListener('mouseenter', registeredMouseEnter = () => {
+      registeredEnterEvent = () => {
         this.$appendTo(this.parent);
         calculateTooltipPosition(this);
-      });
+      };
 
-      this.parent.addEventListener('mouseleave', registeredMouseLeave = () => {
+      registeredLeaveEvent = () => {
         this.$remove();
-      });
+      };
+
+      this.parent.addEventListener('mouseenter', registeredEnterEvent);
+      this.parent.addEventListener('focus', registeredEnterEvent);
+      this.parent.addEventListener('mouseleave', registeredLeaveEvent);
+      this.parent.addEventListener('blur', registeredLeaveEvent);
     },
     beforeDestroy() {
       this.$remove();
-      this.parent.removeEventListener('mouseenter', registeredMouseEnter);
-      this.parent.removeEventListener('mouseleave', registeredMouseLeave);
+      this.parent.removeEventListener('mouseenter', registeredEnterEvent);
+      this.parent.removeEventListener('focus', registeredEnterEvent);
+      this.parent.removeEventListener('mouseleave', registeredLeaveEvent);
+      this.parent.removeEventListener('blur', registeredLeaveEvent);
     }
   };
 </script>