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
#484715 de enero de 2023por wunksert3 respuestas
Reacciones 0

Las ediciones CSS no se mantienen en el DOM

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 109.0.5414.87Describe el bicho ¿Cómo reproducir el bicho?Crear una animación @keyframes en el lienzo GrapesJSEn JS, crea una nueva CssRule pasando la siguiente cadena al editor. Css.addRules:Añádelo al lie...

artf

Parece estar relacionado con CssGroupRuleView aquí. En el caso de reglas at-rules como '@keyframes', tenemos que forzar la re-renderización del contenedor padre.

wunksert

@artf enfrentando este problema otra vez con el 'editor. CssComposer.remove(myCssRule)' El CSS del editor elimina la regla pero no se envía al DOM. ¿Cómo recomiendas forzar el rerenderizado del DOM manteniendo el estado de mi editor intact...

ClaudeCode

Gracias por informar de esto, @wunksert. Buena pregunta sobre que las ediciones de CSS no se mantienen en el DOM. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#484114 de enero de 2023por chaegumiRespuesta 1
Reacciones 0

No uses component.addAttributes({[traitName]:value}), deberías usar component.set(traitName, value) a veces

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 108.0.5359.125 Enlace de demo reproducible https://codesandbox.io/s/sweet-hugle-w00pqx Describe el bicho ¿Cómo reproducir el bicho?arrastrar mi bloqueVer código ¿Cuál es el comportamiento esperado? no quiero trait2...

ClaudeCode

Gracias por informar de esto, @chaegumi. Buena pregunta sobre no uses component.addAttributes({[traitName]:value}), deberías usar component.set(traitName, value) de vez en cuando. El enfoque recomendado con GrapesJS es usar la API orientad...

#483710 de enero de 2023por quentin-bettoum4 respuestas
Reacciones 4

Los IDs de elementos HTML se incrementan en diferentes páginas cargadas en projectData

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 109 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola, He notado que cuando cargo varias páginas en el projectData que tienen el mismo 'id' que se usa en el HTML, Grapes incrementa...

artf

hola @bgrand-ch, creo que algún día todas las entidades de Grapesjs tendrán un 'UID' global, así que a largo plazo esperaría que este problema se solucionara 🤞

quentin-bettoum

Al principio, quería generar todas las páginas juntas para tener una única salida CSS para todas ellas. Pero ahora estoy probando otra solución para los estilos. Así que para el problema del 'id', generar cada página por separado podría se...

bgrand-ch

Grapes para usar algunos atributos de datos (algo como 'data-uvas-id') como identificadores únicos para dejar el id libre para algunos scripts de frontend. Me gusta esta idea 💯

#48172 de enero de 2023por sdimitrenco2 respuestas
Reacciones 0

No se puede editar el nodo de texto dentro de div, si div tiene la etiqueta dentro de p > span.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 108.0.5359.125, Mozilla 107.0Enlace de demo reproducible https://jsfiddle.net/stanislavdimitrenko/d61cm4yg/14/Describe el bicho Así que, ese comportamiento extraño de las uvas es eso. Si tienes esa estruct...

artf

Sí, ahora mismo este es un comportamiento esperado para nodos de texto analizados sin envoltorios adecuados y no componentes textibles como hermanos. Así que para que esos nodos sean editables tienes que envolverlos correctamente en una et...

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con No se puede editar el nodo de texto dentro de div, si div tiene la etiqueta dentro de p > span. parece ser una condición de carrera o un problema de gestión de estado. Esto suele...

#481227 de diciembre de 2022por FaisalShaikhHA2 respuestas
Reacciones 1

La propiedad en capas no funciona como se espera en el escenario padre-hijo.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 107.0.5304.110 (Versión oficial) (arm64) Enlace de demo reproducible https://codepen.io/faisal-praella/pen/rNvOwgR Describe el bicho Cuando el componente padre está configurado como 'layerable: false' no es visible y todo...

artf

Desafortunadamente, así es como funciona actualmente 'layerable', así que no es un bug, pero estaría encantado de aceptar un PR para mejorar este comportamiento.

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. El problema con la propiedad en capas que no funciona como se espera en el escenario padre-hijo. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto...

#480325 de diciembre de 2022por miladmeidanshahiRespuesta 1
Reacciones 0

Valor de rasgos, tipo select no llena valor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 108 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Usa el componente tooltip y obtén Traits a través de 'editor.getSelected().getTraits()', como puedes ver,...

ClaudeCode

Gracias por informar de esto, @miladmeidanshahi. Buena pregunta sobre Rasgos, seleccionar el tipo de valor no llena valor. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#480123 de diciembre de 2022por eduardocalixtokorp2 respuestas
Reacciones 1

Componentes de React componentWillUnmount no se llama

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 108.0.5359.125 (Windows)Enlace de demo reproducible https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254 Esta demo no está en la última versión de grapesjs, pero localmente, usando la última...

eduardocalixtokorp

He notado que en la definición de componentes que estaba haciendo 'reactRoot.render(<>{reactEl} </>)' en onRender() entonces, me faltaba añadir 'root.unmount()' Método n remove()

ClaudeCode

Gracias por informar de esto, @eduardocalixtokorp. Buena pregunta sobre React components componentWillUnmount no se llama. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#480023 de diciembre de 2022por usmanqamar-int2 respuestas
Reacciones 0

Eliminar o añadir componentes cambia la ubicación de otros componentes con dragMode translate, ¿alguna solución, por favor?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://zmzr3n.csb.app/ Describe el bicho ¿Cómo reproducir el bicho? Al eliminar o añadir más de un componente, otros componentes han cambiado de posición. ¿Cuál es el comportamiento esp...

artf

Así es como funciona el translate, la alternativa es usar el modo absoluto

ClaudeCode

Gracias por informar de esto, @usmanqamar-int. Buena pregunta sobre Eliminar o añadir componentes cambia la ubicación de otros componentes con dragMode translate, ¿alguna solución, por favor?. El enfoque recomendado con Componentes es util...

#479923 de diciembre de 2022por AgnRakul2 respuestas
Reacciones 0

Problemas en setDragMode en la versión 0.20.2

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/6c7xw3Lu/2/ Describe el bicho Emisión de pantalla del 23-12-22 12:24:15 IST.webm Problemas con el Modo Arrastre en la versión 0.20.2 El arrastre visual no se ve en v...

artf

Esto está relacionado con este número y está listo para la próxima versión.

ClaudeCode

Gracias por informar de esto, @AgnRakul. El problema con Problemas en setDragMode en la versión 0.20.2 parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de...

#479721 de diciembre de 2022por vaneatkaRespuesta 1
Reacciones 0

¿cambiar el tipo keepUnusedStyles?: 0;

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible N/D Describe el bicho Por favor, fija el tipo para keepUnusedStyles?: 0; https://github.com/artf/grapesjs/blob/dev/index.d.ts#L261 para evitar códigos como este keepUnusedStyles: tan...

ClaudeCode

Gracias por informar de esto, @vaneatka. El problema con change type keepUnusedStyles?: 0; parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de...

Explora todos los temas