Entiendo perfectamente. En la imagen veo que "Documentos anexos" se está mostrando como una lista expandida (como un <select multiple> HTML), cuando debería verse como un dropdown cerrado como los campos "Área" y "Puesto".
Voy a cambiar esto a un dropdown personalizado con checkboxes que se vea igual a los otros selects del formulario:
Perfecto. Veo el problema. El <select multiple> se muestra como una lista. Voy a reemplazarlo por un dropdown personalizado que se vea como un select normal pero permita múltiples selecciones:
Perfecto. He reemplazado el campo "Documentos anexos" por un dropdown personalizado que se ve como un select normal (cerrado) pero muestra un menú con checkboxes cuando pasas el mouse encima. El botón muestra "Selecciona documentos" cuando no hay nada seleccionado, o la cantidad de documentos seleccionados cuando los hay. Permite seleccionar múltiples items sin limitaciones y se ve igual a los otros dropdowns del formulario.
El problema es que el dropdown solo se abre con hover. Necesito agregar un estado para que se abra al hacer click. Voy a buscar dónde está el dropdown y corregirlo:
Primero, voy a agregar un estado para controlar si el dropdown está abierto:
Voy a leer el código del dropdown que agregué para corregirlo:
Perfecto. El problema es que usa group-hover que solo funciona con hover. Necesito cambiar esto a un estado con click. Voy a agregar un estado para controlar si el dropdown está abierto y cambiar la lógica:
Ahora voy a actualizar el dropdown para que use este estado:
Perfecto. He corregido el dropdown "Documentos anexos" para que sea totalmente interactivo. Ahora:
El dropdown ahora es completamente funcional y permite elegir todos los documentos que necesites.