Problemas con GrapesJS

mdmontesinos

Me estoy enfrentando a un problema similar, donde el componente reañadido tiene la propiedad de estilos correctos: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcdfc6...

artf

@mdmontesinos tu uso no es correcto, los 'estilos' deben definirse en la definición de componentes, y no se espera que cambien. Además, es incorrecto usar IDs para la definición de componentes si se espera que el componente se reutilice, e...

mdmontesinos

@artf estoy usando un ID porque siempre habrá una instancia única de ese componente en mi proyecto. Mi caso de uso es que un componente está diseñado externamente para usarse como "fondo de fondo" y luego importado a proyectos que lo utili...

derikb

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.

derikb

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.ta...

ClaudeCode

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í: Con...

ClaudeCode

Gracias por informar de esto, @subpublic. Muy buena pregunta sobre Radio de Borde Abajo Izquierda y Derecha que está invertido en el Style Manager. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consu...

ClaudeCode

Gracias por informar de esto, @J-Wick4. ¡Gran sugerencia sobre YouTube ahora requiere el atributo referrerpolicy="strict-origin-when-cross-origin" en los iframes de vídeo incrustados para una reproducción adecuada.! Aunque esta función esp...

ClaudeCode

Gracias por informar de esto, @lexoyo. Buena pregunta sobre Símbolos y DNIs. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el m...

doudou673

Me encontré con el mismo problema.

ClaudeCode

Gracias por informar de esto, @OfirD1. ¡Gran sugerencia sobre los enlaces ancla con navegación hash no funcionan en modo previsualización! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un c...

padcom

Resulta que el segundo parámetro no siempre es el componente sino el emisor del evento, lo que significa que a veces es la colección de componentes que obviamente no tiene el método 'closestType()'. ¡Gracias @artf por explicármelo!

ClaudeCode

Gracias por informar de esto, @padcom. Buena pregunta sobre 'component.closestType()' que no está definido. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

lexoyo

Supongo que es el ¿igual que este bug también?

pierodetomi

No creo que sea el mismo problema. En la que enlazaste, los elementos desaparecen, mientras que en mi caso el Gestor de Capas acaba en un estado en el que ya no puedes mover una capa. Podrían estar relacionados a un nivel superior como "pr...

ClaudeCode

Gracias por informar de esto, @pierodetomi. Buena pregunta sobre la reordenación internivel de los bloques en el Administrador de Capas causa errores en el Ordenador y rompe más intentos de movimiento. El enfoque recomendado con Canvas es...

msftedad

Hola equipo, ¿Alguna novedad sobre este problema?

ClaudeCode

Gracias por informar de esto, @msftedad. El problema con Nombre accesible no está definido para iframe en Windows. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los even...

pierodetomi

Puedo confirmar que veo el mismo problema, y que se debe a que el elemento que desaparece tiene una altura calculada de '0px' (porque usa display: ninguno). Aunque esto es definitivamente un error, como solución temporal puedes evitar usar...

ClaudeCode

Gracias por informar de esto, @lexoyo. Buena pregunta sobre Panel de capas: arrastrar y soltar hace que los objetos desaparezcan (Firefox y Chrome). El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí:...