La selección del tipo de componente personalizado no funciona en el lienzo

@artf Sí, tienes razón. Estoy bloqueando la propagación del clic, por lo que el editor no recibe el evento de clic, por lo que no puede ejecutar la lógica para seleccionar el elemento.

Intenté configurar la propagación de clics solo en el elemento actual reemplazando 'e.stopPropagation()' por 'e.preventDefault()' dentro del componente, y ahora la lógica de selección de elementos en el editor funciona. El problema parece estar resuelto. ¡Gracias!

https://github.com/GrapesJS/grapesjs/assets/7961936/12180b41-4c29-489d-9bcd-1ea025a96a8f

Este ejemplo muestra cómo funciona en mi editor.

Hola @DreamCloudProject, parece que el conector MSC de tu componente está bloqueado. Es un atributo que permite que el componente se haga clic desde las capas pero no desde el propio Canva

¿Puedes compartir o verificar la definición de tu componente y comprobar si los atributos "bloqueados" están configurados como verdaderos?

Gracias por informar de esto, @DreamCloudProject.

El problema con La selección de un tipo de componente personalizado que no funciona en el lienzo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.

Qué probar:

1. Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);

2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos

3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
  Es seguro interactuar con el componente aquí
});

Recomendaciones de siguientes pasos:

• Prueba con la última versión de GrapesJS si no lo has hecho
• Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
• Incluir errores de GrapesJS, de navegador y de consola en tu informe