Uso Bootstrap 5 con el complemento Chosen para agregar una función de búsqueda en menús desplegables largos. Usé un tema css para Chosen que fue diseñado para imitar a Bootstrap 4 pero el resultado está bien.

El problema es que los estilos de validación de formulario no se aplican a la selección elegida.

Me las arreglé artificialmente para aplicar estilo al elemento elegido dependiendo del estado de validación de selección principal cuando se envía el formulario:

 function validate_chosen(element) { var select = $('#'+element.id + '_chosen .chosen-single'); if (element.checkValidity()) { select.addClass('is-valid'); select.removeClass('is-invalid'); } else { select.addClass('is-invalid'); select.removeClass('is-valid'); } }

pero esa solución parece asquerosa y todavía tengo un problema con el estilo que no se actualiza cuando se cambia el valor. Intenté agregar el evento "clic" a la lista elegida, pero parece que el JS elegido toma la delantera en mis eventos.

¿Podrías ayudarme a solucionar esto? No me importaría cambiar a otro complemento si tuviera funcionalidades similares pero una mejor integración con la apariencia de arranque.

Gracias