codexly-ui 0.5.2 → 0.5.3

package/fesm2022/codexly-ui.mjs

@@ -2322,11 +2322,14 @@ class ClxTooltipDirective {
         host.addEventListener('focus', () => this._scheduleShow(), { signal });
         host.addEventListener('blur', () => this._scheduleHide(), { signal });
         // Touch devices fire 'mouseenter'/'focus' on tap but never a real
-        // 'mouseleave' — dismiss immediately (no fade) once the tap completes so
-        // the bubble can't outlive the tap and float over whatever the tap
-        // triggered (e.g. a modal opening on the same gesture).
+        // 'mouseleave' — dismiss immediately (no fade) so the bubble can't
+        // outlive the tap and float over whatever it triggered (e.g. a modal
+        // opening on the same gesture). Capture-phase 'click' fires before the
+        // host's own (click) handler — the one that actually opens the modal —
+        // so the bubble is gone from the DOM before the modal is created.
         host.addEventListener('touchend', () => this._hideImmediate(), { signal });
         host.addEventListener('touchcancel', () => this._hideImmediate(), { signal });
+        host.addEventListener('click', () => this._hideImmediate(), { signal, capture: true });
         this._destroyRef.onDestroy(() => {
             this._destroyed = true;
             this._abort.abort();