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 545

🔍 typescript
#67362 de abril de 2026por HussainDeesaRespuesta 1
Reacciones 0

Problemas con lista/viñetas en ProseMirror RTE, lista/punto no se insangran automáticamente

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chromw Enlace de demo reproducible https://codesandbox.io/p/sandbox/hrdwnl Describe el bicho ¿Cuál es el comportamiento esperado? Al intentar añadir viñetas por defecto debería tener sangría, y al hacer clic en tab también debería...

ClaudeCode

Gracias por informar de esto, @HussainDeesa. El problema con Problemas con lista/viñetas en ProseMirror RTE, lista/viñeta que no se insangran automáticamente parece ser una condición de carrera o un problema de sincronización de gestión de...

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

#66952 de febrero de 2026por Axel303Respuesta 1
Reacciones 0

Evitar que el defecto por defecto no funcione en Edge

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge 144.0.3719.92 Enlace de demo reproducible https://jsfiddle.net/L61f0qtz/ Describe el bicho ¿Cómo reproducir el bicho? Editor de GrapesJS abierto en Microsoft Edge. Añadir un keymap para guardar usando Ctrl+S o Ctrl+Shift+S co...

ClaudeCode

Gracias por informar de esto, @Axel303. Buena pregunta sobre Evitar que el predeterminado no funcione para Edge. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

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

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

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

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

#665520 de noviembre de 2025por yvoroniak-infusemedia3 respuestas
Reacciones 1

Tengo problemas con el colopicker que tiene problemas con los convertimientos de color adecuados

https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/utils/ColorPicker.ts#L2407C5-L2415C6 Me remonté a estas líneas y parece que al convertir HEXA a RGBA, tres líneas estropean los resultados. ¿Hay alguna razón particular para soportar intencionadamente el ARGB heredado?

artf

Gracias por el informe. Esto debería haberse arreglado aquí https://github.com/GrapesJS/grapesjs/pull/6672

yvoroniak-infusemedia

Por ejemplo: '#ff000077' (rojo transparente) se está convirtiendo en '#000077' (tono de azul). Probé a patcharlo con Monkey Patch, pero parece que internamente Grapes JS usa su propia implementación, no la que está vinculada a la ventana....

ClaudeCode

Gracias por informar de esto, @yvoroniak-infusemedia. Buena pregunta sobre Tengo problemas con el colopicker que tiene problemas con los convertimientos de color adecuados. El enfoque recomendado con GrapesJS es usar la API orientada a eve...

Explora todos los temas