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 319

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

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

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

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

#66418 de noviembre de 2025por bilogic2 respuestas
Reacciones 0

Error al establecer valores predeterminados de un modelo extendido

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 141.0.7390.123 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/p/sandbox/jovial-elion-js8zgy?file=%2Findex.js%3A1%2C1-15%2C1 Describe el bicho '''javascript importar uvas de "uvasjs"; importa...

artf

Hola, @bilogic tu demo parece usar la API adecuada para extender componentes, la que depende de '.extend(' fue eliminada hace mucho tiempo

ClaudeCode

Gracias por informar de esto, @bilogic. El problema con Error al establecer los valores predeterminados de un modelo extendido parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cua...

#662310 de octubre de 2025por zhengtulymGhRespuesta 1
Reacciones 0

La lista dinámica personalizada se congela tras asignar un array y expandir filas para que coincidan con la longitud

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? 140.0.7339.214(正式版本) (x8664) Enlace de demo reproducible https://codesandbox.io/p/devbox/d27l6n Describe el bicho Quiero crear un componente de lista dinámica personalizado basado en GrapesJS (con 3 filas por defecto). Puede vincu...

ClaudeCode

Gracias por informar de esto, @zhengtulymGh. El problema con Lista Dinámica Personalizada se congela tras vincular un array y expandir filas para que igualen la longitud parece ser un problema de condición de carrera o de gestión de estado...

#649415 de abril de 2025por yashvi2026Respuesta 1
Reacciones 0

Crear y destruir errores de lanzamiento repetidos

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/QwwLjBQ Describe el bicho ¿Cómo reproducir el bicho? Haz clic en Crear y luego en Destruir repetidamente y rápidamente. Al depurar, descubrí que el error ocurre de...

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Crear y destruir repetidamente lanza error. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#640716 de febrero de 2025por gopukinapp2 respuestas
Reacciones 0

Los rasgos personalizados no se cargan dentro de un bloque personalizado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 133.0.6943.98 Enlace de demo reproducible https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe el bicho Estoy intentando añadir algunos triats personalizados a mi bloque. Por desgracia,...

artf

Tu componente tiene 'componentes' internos, así que si eliges uno de ellos, verás rasgos de esos componentes, no 'bloque de eventos'. Si seleccionas correctamente 'bloque de evento', verás tus rasgos. <img width="856" alt="Image" src="http...

ClaudeCode

Gracias por informar de esto, @gopukinapp. El problema con Los rasgos personalizados no se cargan dentro de un bloque personalizado parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurri...

#630712 de noviembre de 2024por maxming2333Respuesta 1
Reacciones 0

El componente MJML 'tagUpdated' hará imposible que el 'pasador del cursor' sea

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 130.0.6723.117 Enlace de demo reproducible https://grapesjs.com/demo-mjml Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente al azar, como la segunda 'sección mj' en la página de demostraciónColoca el c...

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre MJML Component 'tagUpdated' que hará imposible 'pasar el cursor'. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documen...

#62965 de noviembre de 2024por maneeshp972 respuestas
Reacciones 0

Los componentes personalizados de React se envuelven dentro de un div

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arc v1.61.1 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-n6sff Describe el bicho @artf Antes que nada, gracias por esta increíble biblioteca. Estaba intentando crear componentes personali...

artf

Sí, eso es lo esperado desde la perspectiva de la demo. Puedes trastear con el código y encontrar tu solución, pero cierro esto porque no es un error principal.

ClaudeCode

Gracias por informar de esto, @maneeshp97. El problema con componentes react personalizados que se envuelven dentro de un div parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del...