fix(popover): popover trigger failure on quick double-entry mouse hover movements

Author: xidedix

projects/coreui-angular/src/lib/popover/popover.directive.ts

@@ -42,6 +42,8 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit {
   readonly #intersectionService = inject(IntersectionService);
   readonly #destroyRef = inject(DestroyRef);
   readonly #document = inject(DOCUMENT);
+  #timerId1: ReturnType<typeof setTimeout> | undefined;
+  #timerId2: ReturnType<typeof setTimeout> | undefined;
 
   /**
    * Content of popover
@@ -234,26 +236,34 @@ export class PopoverDirective implements OnDestroy, OnInit, AfterViewInit {
       this.removeTooltipElement();
       return;
     }
-    setTimeout(() => {
+
+    clearTimeout(this.#timerId2);
+    clearTimeout(this.#timerId1);
+    this.#timerId1 = setTimeout(() => {
       this.tooltipId = this.getUID('popover');
       this.tooltipRef?.setInput('id', this.tooltipId);
       this.#renderer.removeClass(this.tooltip, 'd-none');
       this.tooltipRef?.setInput('visible', this.visible());
       this.popperInstance?.forceUpdate();
       this.#changeDetectorRef?.markForCheck();
-    }, 100);
+      this.#timerId1 = undefined;
+    }, 150);
   }
 
   private removeTooltipElement(): void {
     this.tooltipId = '';
     if (!this.tooltipRef) {
       return;
     }
+
+    clearTimeout(this.#timerId2);
+    this.#timerId2 = setTimeout(() => {
+      this.#viewContainerRef?.detach();
+      this.#timerId2 = undefined;
+    }, 300);
+
     this.tooltipRef.setInput('visible', false);
     this.tooltipRef.setInput('id', undefined);
     this.#changeDetectorRef.markForCheck();
-    setTimeout(() => {
-      this.#viewContainerRef?.detach();
-    }, 300);
   }
 }