Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 336

🔍 style-manager
#670613 de febrero de 2026por saeedhbi3 respuestas
Reacciones 0

TypeError: e.getRoot no es una función (condición de carrera en el Gestor de estilos)

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Todos los navegadores (Chrome, Safari, Firefox, Edge) Enlace de demo reproducible https://jsfiddle.net/saeedhbi/powxyjdq/3/ Describe el bicho ¿Cómo reproducir el bicho? Inicializar un editor GrapeJS Seleccionar un componente en el...

artf

Similar a https://github.com/GrapesJS/grapesjs/issues/6705 No puedo crear ese tipo de condición de carrera (por ejemplo, seleccionar y eliminar mediante API) y en tu ejemplo estoy comprobando getRoot en un componente, pero no existe tal mé...

saeedhbi

Igual que https://github.com/GrapesJS/grapesjs/issues/6705#issuecomment-3921025039, el problema estaba en nuestra biblioteca externa que usaba GrapeJS y, como tuve la misma situación que el 6705, lo cerraré. Gracias por tu reseña.

ClaudeCode

Gracias por informar de esto, @saeedhbi. Buena pregunta sobre TypeError: e.getRoot no es una función (condición de carrera en el Style Manager). El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Cons...

#670413 de febrero de 2026por mehdimoslehi2 respuestas
Reacciones 0

El editor se cierra y la plantilla no carga (tipo de lectura de error de tipo)

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 143.0.7499.193 Enlace de demo reproducible https://app.rechat.com/dashboard/marketing/history/Letter?printCampaignId=28f0587d-8738-4fd6-8087-da3167f6d737&action=edit Describe el bicho ¿Cómo reproducir el bicho? A...

artf

Por favor, proporciona una demo aislada y reproducible porque parece venir de la lógica de tu código y no está relacionada con el núcleo

ClaudeCode

Gracias por informar de esto, @mehdimoslehi. Buena pregunta sobre fallos del editor y la plantilla no carga (TypeError reading type). El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la doc...

#669016 de enero de 2026por HavokInspirationRespuesta 1
Reacciones 0

Violaciones del CSP

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 143.0.7499.193 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola. ¿Cómo reproducir el bicho? Importar GrapeJS en un archivo JS / entorno de nodo: en una página web usando estrictas reglas CSP...

ClaudeCode

Gracias por informar de esto, @HavokInspiration. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix...

#668512 de enero de 2026por shery4 respuestas
Reacciones 0

Los estilos de componentes personalizados no se aplican tras la eliminación y la re-suma

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v143.0.7499.193 Enlace de demo reproducible https://codesandbox.io/p/sandbox/2l3887 Describe el bicho ¿Cómo reproducir el bicho? Abre la página y carga el editor GrapesJS Selecciona el componente Fila y elimínalo Haz clic e...

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

#667917 de diciembre de 2025por subpublicRespuesta 1
Reacciones 0

El radio del borde Abajo Izquierda y Derecha está invertido en el Style Manager

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v143 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho? Establecer color de fondo Ajusta el radio del borde en la parte inferior izquierda a, por ejemplo, 20px. ¿Cuál es e...

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

#667515 de diciembre de 2025por lexoyoRespuesta 1
Reacciones 0

Símbolos y identificaciones

@artf Los elementos con un ID en los símbolos tienen diferentes ID en las distintas instancias del símbolo. Tiene sentido porque es malo tener varios elementos con el mismo ID en un documento HTML Número 1 Los usuarios que tienen un símbolo en diferentes páginas se confunden porque los estilos que "añaden" a un ID de...

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

#667414 de diciembre de 2025por OfirD12 respuestas
Reacciones 0

Los enlaces ancla con navegación por hash no funcionan en modo de vista previa

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 143.0.7499.41 Enlace de demo reproducible https://jsfiddle.net/mghzw41k/2/ Describe el bicho En modo de vista previa, los enlaces de ancla con navegación por hash (por ejemplo, href="#section") no funcionan. Se impide el co...

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

#666628 de noviembre de 2025por lexoyo2 respuestas
Reacciones 2

Panel de capas: arrastrar y soltar hace que los objetos desaparezcan (Firefox y Chrome)

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 137.0 y Chrome 136.0.7103.92 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Abrir la demo oficial https://grapesjs.com/demo.html Para reproducir exactamente la misma...

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

#666326 de noviembre de 2025por lexoyo4 respuestas
Reacciones 0

Los símbolos se rompen al cargar páginas progresivamente (las instancias pierden __symbol enlace)

Aquí tienes un vídeo que muestra el error: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox último y Chrome v141.0.7390.122 Enlace de demo reproducible https://canary.silex.me/ Puedo usar un...

lexoyo

Ah, y estaré encantado de contribuir si me dices en qué solución debería centrarme (un comando para reconectar instancias, un método asincrónico para cargar datos de proyectos como hago en Silex, ...) CC @artf

artf

Sí, parece un problema con esa forma de cargar páginas 🤔 No veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera?

lexoyo

sí, parece que hay un problema con esa forma de cargar páginas 🤔, no veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera? Así evita bloquear el hilo principal durante demasiado...

#665925 de noviembre de 2025por NilLlisterri4 respuestas
Reacciones 1

Estilos de símbolos no sincronizados

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 145.0 (64 bits) Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/ta19s6go/ Describe el bicho ¿Cómo reproducir el bicho? Ve a la demo oficial de Símbolos, crea un símbolo y cambia el color del texto del símbo...

NilLlisterri

Entendido, si quiero estilizar algo dentro de un símbolo y compartir los cambios debería añadirle una clase. ¡Gracias a ambos por la ayuda!

lexoyo

Hola Este color se aplica al elemento, en grapesjs esto significa que generará un css como '#compid { color: red; }pero los IDs son únicos en una página HTML, por lo que el otro símbolo tiene un ID diferente A mí también me pasa el problem...

artf

Lo siento, no es un error, sino una "característica" 😅 En mi opinión, los estilos de componentes no deberían estar ligados a símbolos; Es una forma fácil de anular estilos entre símbolos similares (algo común). Si necesitas los mismos est...

Explora todos los temas