Los modales se cierran con el evento de mouseup fuera del modal en lugar de con un clic completo

Por si sirve de algo, usé la página de demostración como enlace reproducible, aunque esa página no usa la versión más reciente de grapesjs. Mi código local está usando la versión reciente y muestra el mismo problema.

Vale, entiendo por qué está pasando. Porque el modal y su entorno son todos un elemento que tiene los eventos asociados, así que un mousedown, arrastrar, mouseup sigue tratándose como clic porque todo está sobre el mismo elemento. Event.target acaba siendo donde terminó el clic (fuera del cuerpo modal) y pasa la prueba en ModalView.onClick para que el modal se cierre.

Compáralo con los modales de Bootstrap. Añaden su fondo como un elemento separado del cuerpo modal, situado justo detrás de él mediante el índice z. De ese modo, cualquier clic en el cuerpo modal no detecta los eventos del elemento de fondo y puedes probar para Event.currentTarget === el elemento de fondo al manejar eventos

Gracias por informar de esto, @derikb.

Buena pregunta sobre los modales que cierran al acercarse fuera del modal en lugar de un clic completo. El enfoque recomendado con Componentes es utilizar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!