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
#659120 de agosto de 2025por CES-TechAdmin2 respuestas
Reacciones 0

En Safari, arrastrar y soltar bloques no funciona desde la v0.22.1

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Safari 18.5 en Mac Enlace de demo reproducible https://codepen.io/jmulik/pen/LEpdjZq Describe el bicho ¿Cómo reproducir el bicho? Ver https://codepen.io/jmulik/pen/LEpdjZq en Chrome - Poder arrastrar y soltar bloques. Ver lo mismo...

them7d

Sí, no funciona porque el código no es totalmente compatible con Safari Browser Para solucionar este problema necesitas usar uvas en NextJS, como esta página https://grapesjs.com/demo.html

ClaudeCode

Gracias por informar de esto, @CES-TechAdmin. ¡Gran sugerencia sobre En Safari, arrastrar y soltar bloques no funciona desde la v0.22.1! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un com...

#659018 de agosto de 2025por yashvi20262 respuestas
Reacciones 1

Poder acceder/eliminar/arrastrar los componentes bloqueados en layermanager

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/zxvREjB Describe el bicho ¿Cómo reproducir el bicho? Arrastrar y soltar el componente de texto ¿Cuál es el comportamiento esperado? No debería seleccionarse o arra...

artf

Puedes ocultar el componente de las capas con la propiedad 'layerable: false' o crear tu propia UI personalizada de gestor de capas con toda la lógica de UI que necesites.

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Cómo poder acceder/eliminar/arrastrar los componentes bloqueados en el administrador de capas. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. E...

#658916 de agosto de 2025por mohammedmoullaRespuesta 1
Reacciones 0

No se pueden arrastrar y soltar elementos en LayerManager después de cambiar la raíz

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Busca en Google Chrome v139.0.7258.128 Enlace de demo reproducible https://codesandbox.io/p/sandbox/relaxed-payne-vt3pgc Describe el bicho ¿Cómo reproducir el bicho? añadir algunos elementos al lienzo intenta encontrar elementos e...

ClaudeCode

Gracias por informar de esto, @mohammedmoulla. Buena pregunta sobre no se pueden arrastrar y soltar elementos en LayerManager después de cambiar la raíz. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: C...

#658713 de agosto de 2025por SebbonesRespuesta 1
Reacciones 0

Añadir texto a un símbolo reemplaza el nodo de texto una y otra vez

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox Desarrollador 142.0b9, Chrome 138.0.7204.184 Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/ta19s6go/ Describe el bicho ¿Cómo reproducir el bicho? Haz que el componente "Artículo" sea un símbolo Añadir un...

ClaudeCode

Gracias por informar de esto, @Sebbones. Buena pregunta sobre Añadir texto a un símbolo reemplaza el nodo de texto una y otra vez. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la doc...

#65835 de agosto de 2025por msftedad2 respuestas
Reacciones 1

El valor alt no está definido para el logo de 'grapesjs' en Windows.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge Versión 135.0.2535.51 (Versión oficial) (64 bits), Chrome Versión 135.0.6422.112 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho Entorno de prueba: SO: Windows 11[Versión 24...

artf

Hola @msftedad el repositorio de la web está aquí, siéntete libre de enviar una PR con la corrección (archivo/GrapesEditor.tsx)). Voy a cerrar el tema porque no está relacionado con el núcleo.

ClaudeCode

Gracias por informar de esto, @msftedad. El problema con el valor de Alt no está definido para el logo 'grapesjs' en Windows. parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir cuand...

#65825 de agosto de 2025por msftedad2 respuestas
Reacciones 0

No se proporciona un modo de operación con puntero único para editar acciones de arrastrar y soltar elementos.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge: Versión 135.0.2535.51 (Versión oficial) (64 bits), Chrome: Versión 135.0.6422.112 (Versión oficial) (64 bits) Enlace de demo reproducible https://app.grapesjs.com/studio?utmsource=grapesjs&utmmedium=mainTopNav Describe el bi...

msftedad

Hola equipo, ¿alguna novedad sobre este problema?

ClaudeCode

Gracias por informar de esto, @msftedad. El problema con El modo de operación de un solo puntero no se proporciona para editar acciones de arrastrar y soltar elementos. parece ser un problema de condición de carrera o de sincronización de...

#657020 de julio de 2025por nantoRespuesta 1
Reacciones 0

El parser ignora la opción 'parser.optionsHtml.keepEmptyTextNodes'

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrom v140.0.7307.0 (canario) Enlace de demo reproducible https://jsfiddle.net/y3gr69s4/ Describe el bicho ¿Cómo reproducir el bicho? Crear una instancia de editor con la opción 'parser.optionsHtml.keepEmptyTextNodes' configurada...

ClaudeCode

Gracias por informar de esto, @nanto. Buena pregunta sobre el analizador ignora la opción 'parser.optionsHtml.keepEmptyTextNodes'. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docume...

#65629 de julio de 2025por jsxOverdose3 respuestas
Reacciones 1

Se ajustan elementos a una posición incorrecta al redimensionar

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 138.0.7204.101 Enlace de demo reproducible https://jsfiddle.net/u3L89ejh/1/ Describe el bicho ¿Cómo reproducir el bicho? Redimensionar la imagen Arrástralo a otro lugar del lienzo Haz clic en uno de esos cuadritos azules de...

artf

@jsxOverdose impulsado una solución para esta nueva versión: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11

jsxOverdose

@artf En la nueva versión, hay otro error: cuando pulsas una de las manijas de redimensionamiento en el eje Y, la imagen se agranda significativamente. Aquí tienes la demo: https://jsfiddle.net/du81zL6r/

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre El elemento se ajusta a una posición incorrecta al redimensionar. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentació...

#65583 de julio de 2025por arustagi101Respuesta 1
Reacciones 0

Visible para ocultar funciona, pero no viceversa

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 138.0.7204.50 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/L24hkgm5/ Describe el bicho ¿Cómo reproducir el bicho? Añadir el gestor de capas y usar la dependencia "grapesjs": "0....

ClaudeCode

Gracias por informar de esto, @arustagi101. 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' par...

#654925 de junio de 2025por yashvi20264 respuestas
Reacciones 1

No se pudo redimensionar la imagen

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/YPXdgmj Describe el bicho ¿Cómo reproducir el bicho? Subir una imagen Cámbialo a la vista móvil Redimensionar la imagen ! Imagen ¿Cuál es el comportamiento esperad...

mosh-tudor

@yashvi2026 Eso es por tu código CSS personalizado. Elimina esta parte: '''js estilos: '.image{max-width:100%;}@media (ancho máximo: 480px) {.image {display: inline-block; Altura:AUTO !Importante; ancho:100% !importante; ancho-máximo:100%;...

artf

Confirmo que el redimensionador de componentes no tiene en cuenta '!important' ahora mismo, pero seguiría, más o menos, lo que @mosh-Tudor sugirió. No necesitas eliminar todos los 'estilos', porque supongo que es lo que necesitas, pero no...

yashvi2026

Necesito usar '!importante' en mi estilo. He notado que en otros componentes, cuando '!important' está incluido en los estilos por defecto, los estilos añadidos a través del gestor de estilos también incluyen '!important' para asegurar que...

Explora todos los temas