@ajuarezso/sui-design-system 0.14.2 → 0.14.3

package/fesm2022/ajuarezso-sui-design-system.mjs

@@ -9872,10 +9872,15 @@ class SuiInput {
      * hay teclado abierto, por eso escuchamos también `touchstart` (nativo iOS)
      * y `mousedown` (web fallback). Cualquiera de los tres dispara el blur.
      *
-     * Usamos `document.activeElement.blur()` cuando ese elemento está dentro
-     * del host — eso garantiza que blur surta efecto en el input que realmente
-     * tiene el focus, no en una referencia stale. Fallback a inputEl por si
-     * activeElement no está dentro del host (edge case).
+     * Solo hace blur cuando el elemento enfocado vive DENTRO de este host: si el
+     * foco está en otro lado (otro input, un textarea, nada), acá no hay teclado
+     * que cerrar y tocarlo es un bug. El listener es a nivel `document`, así que
+     * cada instancia de la página recibe todos los taps: con un blur incondicional
+     * de `inputEl`, tocar el texto de un input cerraba el teclado porque los OTROS
+     * sui-input de la pantalla hacían blur de los suyos —y en iOS un blur con el
+     * teclado abierto lo cierra aunque el elemento no tenga el foco. Se veía en
+     * cualquier formulario con más de un campo y no en el buscador del home, que
+     * tiene uno solo.
      */
     onDocumentTap(event) {
         if (!this.closeOnOutsideClick())
@@ -9885,12 +9890,8 @@ class SuiInput {
         if (!target || host.contains(target))
             return;
         const active = document.activeElement;
-        if (active && host.contains(active)) {
+        if (active && host.contains(active))
             active.blur();
-        }
-        else {
-            this.inputEl?.nativeElement.blur();
-        }
     }
     _disabledByForm = signal(false, ...(ngDevMode ? [{ debugName: "_disabledByForm" }] : /* istanbul ignore next */ []));
     isDisabled = computed(() => this.disabled() || this._disabledByForm(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));