Update Tooltip.vue

spartez · Jun 21, 2024 · 280db1d · 280db1d
1 parent 1ffcb5d
commit 280db1d
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/components/Tooltip/Tooltip.vue b/src/components/Tooltip/Tooltip.vue
@@ -57,15 +57,14 @@
         },
         data() {
             return {
-                mouseEntered: false,
+                timeoutId: undefined,
                 show: false,
             };
         },
         methods: {
             onMouseEnter() {
-                this.mouseEntered = true;
-                setTimeout(() => {
-                    if (!this.mouseEntered) return;
+                if (this.timeoutId) clearTimeout(this.timeoutId)
+                this.timeoutId = setTimeout(() => {
                     this.show = true;
                     if (this.appendToBody) {
                         this.$nextTick(() => {
@@ -75,9 +74,8 @@
                 }, this.delay);
             },
             onMouseLeave() {
-                this.mouseEntered = false;
-                setTimeout(() => {
-                    if (this.mouseEntered) return;
+                if (this.timeoutId) clearTimeout(this.timeoutId)
+                this.timeoutId = setTimeout(() => {
                     if (this.appendToBody) {
                         document.body.removeChild(this.$refs.label);
                     }