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 743

🔍 bug
#66837 de enero de 2026por derikb3 respuestas
Reacciones 0

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

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 143.0.7499.169 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Arrastra un componente de código personalizado a la página. El modal debe abrirse automáticamente, de lo...

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

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

#667817 de diciembre de 2025por J-Wick4Respuesta 1
Reacciones 0

YouTube ahora requiere el atributo referrerpolicy="origen-estricta-when-cross-origin" en los iframes de vídeo incrustados para una reproducción adecuada.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Valiente Enlace de demo reproducible na Describe el bicho ¿Cómo reproducir el bicho? Prueba a añadir un vídeo de YouTube a una página de destino y averígualo. ¿Cuál es el comportamiento esperado? El vídeo de YouTube se renderiza y...

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

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

#66719 de diciembre de 2025por padcom2 respuestas
Reacciones 1

'component.closestType()' no está definido

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible https://github.com/padcom/grapesjs-closestType-missing Describe el bicho Este error fue introducido en aquí. Antes de este cambio, todo funcionaba como se esperaba. Supongo que el evento de '...

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

#66695 de diciembre de 2025por pierodetomi3 respuestas
Reacciones 0

El reordenamiento entre niveles de los bloques en el Administrador de Capas provoca errores en el Clasificador y rompe los intentos de movimiento posteriores

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Empezar desde una instancia de editor nueva con un lienzo vacío Desde el panel de Bloques, arrastra un bloque "1 Column...

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

#66684 de diciembre de 2025por msftedad2 respuestas
Reacciones 0

El nombre accesible no está definido para iframe en Windows.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge (Versión 143.0.3650.46), Chrome (Versión 143.0.7499.41) Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho Entorno de prueba: SO: Windows 11 versión 25H2 (Build del sistema operativo 26220.7271) Navegador...

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

#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