codexly-ui 0.5.2 → 0.5.4

package/assets/styles/_fonts.css

@@ -1,3 +1,16 @@
 /* Fonts are loaded dynamically by ClxThemeService via <link> injection.
    Roboto is the default — preloaded here so the app renders before JS executes. */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
+
+/* Self-hosted (not loaded from fonts.gstatic.com): iOS Safari over some
+   network paths (e.g. dev tunnels) fails to fetch/apply the Google Fonts
+   variable build and falls back to rendering the raw ligature text instead
+   of the glyph. Serving the woff2 from our own assets removes that
+   cross-origin dependency entirely. */
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 100 700;
+  font-display: swap;
+  src: url('/assets/fonts/MaterialSymbolsOutlined.woff2') format('woff2');
+}

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();