codexly-ui 0.14.2 → 0.14.3

package/fesm2022/codexly-ui.mjs

@@ -9412,6 +9412,11 @@ class ClxModalService {
                 { provide: CLX_MODAL_SIZE, useValue: size },
             ],
         });
+        // The element that had focus right before opening (typically the button that triggered
+        // this modal) — its own hover/focus tooltip, if any, never receives a real blur otherwise:
+        // focus stays parked on it for as long as the modal is open, so switching OS windows while
+        // it's open can leave a hover-triggered tooltip stuck with no blur/mouseleave to dismiss it.
+        const triggerEl = document.activeElement;
         const { compRef, overlayRef } = this._overlay.mount(component, innerInjector, {
             zIndex: 1000,
             backdrop: hasBackdrop,
@@ -9421,6 +9426,11 @@ class ClxModalService {
         panelEl.style.width = `min(calc(100vw - 2rem), ${maxWidth})`;
         panelEl.style.maxWidth = maxWidth;
         panelEl.style.maxHeight = '90vh';
+        // Move focus into the modal so the trigger element actually blurs (see triggerEl above).
+        // tabIndex -1 + outline:none keeps this a pure focus target, not a visible/tabbable stop.
+        panelEl.tabIndex = -1;
+        panelEl.style.outline = 'none';
+        panelEl.focus();
         // Enter animation
         this._animate.animate(panelEl, {
             animation: animationIn,
@@ -9438,6 +9448,9 @@ class ClxModalService {
                 fillMode: 'forwards',
             }).then(() => {
                 overlayRef.destroy();
+                // Restore focus to whatever opened this modal — standard modal a11y practice, and what
+                // lets that element's tooltip (if any) receive a real blur instead of staying stuck.
+                triggerEl?.focus?.();
                 _resolve(result);
             });
         };