codexly-ui 0.19.3 → 0.19.4

package/fesm2022/codexly-ui.mjs

@@ -3129,7 +3129,15 @@ class ClxTooltipDirective {
         const { signal } = this._abort;
         host.addEventListener('mouseenter', () => this._scheduleShow(), { signal });
         host.addEventListener('mouseleave', () => this._scheduleHide(), { signal });
-        host.addEventListener('focus', () => this._scheduleShow(), { signal });
+        // :focus-visible, not a bare 'focus' check — a modal/drawer restores focus to its trigger
+        // button programmatically when it closes (standard a11y behavior), which fires 'focus' on
+        // this host with no real hover/keyboard interaction behind it. That reopened the tooltip and
+        // left it stuck floating over the page after the modal was dismissed. :focus-visible only
+        // matches when the browser itself determines the focus came from keyboard navigation, not
+        // from a programmatic .focus() call or a mouse/touch click — exactly the real-vs-restored
+        // distinction needed here.
+        host.addEventListener('focus', () => { if (host.matches(':focus-visible'))
+            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) so the bubble can't