v4.5.1: hide tooltip on click

signal24 · Aug 20, 2024 · bc881a6 · bc881a6
1 parent d808a40
commit bc881a6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.15.0",
+    "version": "4.15.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

diff --git a/src/directives/tooltip.ts b/src/directives/tooltip.ts
@@ -47,6 +47,8 @@ interface ITooltipOptions {
     class?: string | string[];
 }
 
+// todo: improve with mutation observer to see removal of node
+
 class VfTooltip {
     private lastMoveEvt?: MouseEvent;
     private checkInterval?: ReturnType<typeof setInterval>;
@@ -66,6 +68,7 @@ class VfTooltip {
     ) {
         el.addEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         el.addEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
+        el.addEventListener('click', this.handleTargetMouseLeaveWithContext);
     }
 
     configure(config: ITooltipOptions) {
@@ -189,5 +192,6 @@ class VfTooltip {
 
         this.el.removeEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         this.el.removeEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
+        this.el.removeEventListener('click', this.handleTargetMouseLeaveWithContext);
     }
 }