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
#644514 de marzo de 2025por bgrand-ch3 respuestas
Reacciones 2
questionbugdocumentationtypescript

La web del médico tiene información que falta

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 136.0.1 (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho? Ve a https://grapesjs.com/docs/api/editor.html#editor ¿Cuál es el comportamiento e...

artf

Documentación actualizada: https://grapesjs.com/docs/api/editor.html#available-events

artf

Gracias@bgrand, lo arreglaré pronto 🙇 ♂️

ClaudeCode

Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre La web del documento tiene información que falta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

Ver detalles
#642527 de febrero de 2025por asabryilRespuesta 1
Reacciones 0
questioncomponentsbugtypescript

Arrastrar un elemento con altura 0 provoca un comportamiento inesperado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Todos los navegadores, última versión Enlace de demo reproducible Puede reproducirse en una demo oficial Describe el bicho ¿Cómo reproducir el bicho? Añadir un bloque, establecer la altura y la altura mínima a 0 Añadir otro bloque...

ClaudeCode

Gracias por informar de esto, @asabryil. Buena pregunta sobre Arrastrar un elemento con altura 0 causa comportamientos inesperados. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la do...

Ver detalles
#642227 de febrero de 2025por sumasal2 respuestas
Reacciones 0
questionenhancementcomponentsbugcanvas

En la rama de desarrollo, cuando la vista previa está activada, no se debería permitir arrastrar componentes, pero sí lo permite.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 133 con rama de desarrollo a fecha de 27.02.2025 Enlace de demo reproducible Repositorios de desarrollo clonados a fecha de 27.02.2025 Describe el bicho ¿Cómo reproducir el bicho? ... clonar repositorio y construir y empeza...

sumasal

Solución temporal para los impacientes:

ClaudeCode

Gracias por informar de esto, @sumasal. Gran sugerencia sobre en la rama de desarrollo: cuando la vista previa está activada, no debería permitirse arrastrar componentes, pero sí lo permite.! Aunque esta función específica aún no está en l...

Ver detalles
#642025 de febrero de 2025por peterchonRespuesta 1
Reacciones 0
questionbugtypescript

La entrada japonesa añade retorno vacío

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 133.0.6943.127 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Crear un bloque de texto Empieza a escribir cualquier carácter japonés...

ClaudeCode

Gracias por informar de esto, @peterchon. Buena pregunta sobre la entrada japonesa añade retorno vacío. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

Ver detalles
#641622 de febrero de 2025por clonefunnels2 respuestas
Reacciones 0
bugenhancementquestiondocumentationtypescript

Htmlentities > rompiendo el almacenamiento remoto - Visualizaciones indefinidas

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox y Chrome Enlace de demo reproducible No puedo hacer una demo para almacenamiento remoto Describe el bicho Importa cualquier cosa que tenga '&gt;' junto a una etiqueta con &gt; Ejemplo: '<a href="#"&gt;&gt;</a>' También ocu...

artf

no puedo hacer una demo para almacenamiento remoto No necesitas una demo para almacenamiento remoto. El almacenamiento local y remoto usan la misma interfaz, lo que significa que si no puedes reproducir con el almacenamiento local, el prob...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con htmlentities &gt; romper el almacenamiento remoto - Pantallas indefinidas parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocu...

Ver detalles
#640918 de febrero de 2025por Shuja-Mahmood4 respuestas
Reacciones 0
questionbugcomponentscanvastypescript

No se puede arrastrar para mover componentes en móvil

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v133 Enlace de demo reproducible https://jsfiddle.net/2hjdrb7L/1/ Describe el bicho ¿Cómo reproducir el bicho? Inicializa un editor grapesjs usando grapesjs v0.22.x con el plugin grapesjs-touch v0.1.1. ¿Cuál es el comportam...

bamiendev

El mismo problema

federica-capobianco

¿Conseguiste solucionarlo? Enfrentándonos a un problema algo similar

Shuja-Mahmood

El problema sigue existiendo en la v0.22.6

Ver detalles
#640716 de febrero de 2025por gopukinapp2 respuestas
Reacciones 0
componentsbugquestionstyle-managertypescript

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

Ver detalles
#63941 de febrero de 2025por spyjoRespuesta 1
Reacciones 0
questionbugtypescript

Error del gestor de capas en Safari Mac

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Safari 18.3 Macos 14.7.3 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Abre el Administrador de Capas en el panel derecho Intenta ocultar el "cuerpo" o ábrelo O haz clic en...

ClaudeCode

Gracias por informar de esto, @spyjo. Buena pregunta sobre el bug del gestor de capas en Safari Mac. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo e...

Ver detalles
#637618 de enero de 2025por Harshsne26Respuesta 1
Reacciones 0
questionstyle-managerbug

Establecer valor mínimo en la configuración de StyleManager

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/ZYzjaYe Describe el bicho ¿Cuál es el comportamiento esperado? El ancho del borde debe incrementarse desde 1 cuando mínimo está establecido a 1. ¿Cuál es el compor...

ClaudeCode

Gracias por informar de esto, @Harshsne26. El problema de establecer valor mínimo en la configuración del gestor de estilo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

Ver detalles
#637417 de enero de 2025por Harshsne262 respuestas
Reacciones 1
questionbugtypescript

Posición del cursor mal colocada

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/gbYjOWO Describe el bicho ¿Cómo reproducir el bicho? He llamado a activativo con un solo clic para poder editar el cuadro de texto con un solo clic. El cursor debe...

mohamedsalem401

Oye, he revisado tu código e intentado depurarlo. Me parece que el código no está pasando el evento del ratón al método onActive, que es necesario: '''js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

ClaudeCode

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre posición del cursor mal colocada. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...

Ver detalles

Explora todos los temas