Chosen: iPad: No se puede cerrar / eliminar li.search-choice (el evento `click.chosen` nunca se activa)

Puede confirmar que (al menos en Chrome que pretende ser un iPad) no puede anular la selección de elementos de una selección múltiple. Tocar la X no hace nada.

Me encontré con el mismo problema.

Descubrí que si se enfoca desde el campo de selección (no solo el campo de cierre, sino que en realidad se enfoca en cualquier otro elemento), los botones X aún no funcionan. Pero en usted se enfocará en este campo nuevamente (y mostrará el menú desplegable), ahora puede eliminar opciones con éxito.

Tan pronto como cierre el menú desplegable, nuevamente, X no funciona.

Puedo reproducir esto tanto en el emulador de Chrome como en el dispositivo físico.

sólo para que quede claro. Al salir del elemento, necesita hacer .chosen-container para eliminar chosen-container-active class. Cuando chosen-container-active se elimina de chosen-container y se aplica de nuevo mediante un nuevo enfoque, funciona bien en este momento.

Ok, no estoy seguro de qué es exactamente un problema aquí, pero lo hice funcionar para mí.

Primero estoy usando estas opciones al inicializar:

el.chosen({
    display_selected_options: false,
    hide_results_on_select: false,
});

Por alguna razón, se elige bloquear cualquier interacción con los controles cuando no está enfocado en un campo.

Descubrí que cuando haces clic fuera del campo results_hide se llama

Parece que el establecimiento de la bandera results_showing en falso está causando este error.

Chosen.prototype.results_hide = function() {
  if (this.results_showing) {
    this.result_clear_highlight();
    this.container.removeClass("chosen-with-drop");
    this.form_field_jq.trigger("chosen:hiding_dropdown", {
      chosen: this
    });
  }
  // removed because of mobile issue with removeing options
  // return this.results_showing = false;
};

Eliminarlo de la fuente (inconveniente, pero no hay otra opción ahora), debería funcionar.

No estoy seguro de qué está haciendo esto realmente, pero por el momento no noté ningún efecto secundario.

Acabo de inhabilitar elegido para todos los dispositivos móviles y tabletas. No sé si la interfaz de selección táctil incorporada es más fácil de usar que el cuadro de entrada elegido. Solo faltaba la opción de búsqueda, pero de todos modos se sentía extraño en un dispositivo táctil.

Línea 590:

    AbstractChosen.browser_is_supported = function() {
      if ("Microsoft Internet Explorer" === window.navigator.appName) {
        return document.documentMode >= 8;
      }
      if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) {
        return false;
      }
      if ((/iPhone|iPod|iPad|Android|android|playbook|silk|BlackBerry/).test(navigator.userAgent))
      {
        return false;
      }
      if (/Android/i.test(window.navigator.userAgent)) {
        if (/Mobile/i.test(window.navigator.userAgent)) {
          return false;
        }
       }
       return true;
     };

Salud
Hannes