Estoy tratando de hacer que 3 controles funcionen juntos en mi aplicación y son un panel (se puede abrir o cerrar desde la página), modal y un selector de color. Su relación es que el panel crea el modal haciendo clic en algún botón en el panel y dentro del modal, hay un selector de color. El panel y el selector de color provienen de una biblioteca y el modal lo implementé yo mismo. El panel tiene un detector de eventos que usa la opción de captura en document.body (prioridad de eventos de arriba hacia abajo), por lo que el panel controlará el evento mousedown antes de que llegue al modal, lo que hace que el panel se cierre al hacer clic en el modal creado por el panel, cerrando así el modal también. Para evitar esto, se agrega en el modal la opción de captura para el detector de eventos mousedown en el documento para detener la propagación del evento mousedown. Ahora quiero agregar un selector de color al modal, desafortunadamente, el selector de color tiene detectores de eventos para presionar el evento con el mouse para manejar la selección de color en la paleta de colores. Si detuve la propagación en el documento, el evento del mouse hacia abajo nunca llega al selector de color, por lo tanto, no puede elegir el color. Me gustaría saber si hay alguna forma de resolver este problema (no se puede modificar el código en el panel y el selector de color, pero el modal está bien). ¡Gracias!