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
#402922 de diciembre de 2021por jloguercio2 respuestas
Reacciones 0
questionperformancebugcanvasaccessibility

Arrastrar bloques a Canvas cuando tienes 1000+ bloques personalizados

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible Sin demoDescribe el bicho ¿Cómo reproducir el bicho?Añadir al gestor de bloques más de 1000 bloques, en mi caso 7.864 iconos de fuente impresionantes.Intenta arrastrar cualquier bloque...

artf

En tu caso, te sugeriría crear un gestor de bloques personalizado donde puedas adaptar la interfaz de usuario de tus bloques como quieras (por ejemplo, búsqueda, virtualización del DOM, etc.)

ClaudeCode

Gracias por informar de esto, @jloguercio. Buena pregunta sobre el rendimiento de Arrastrar bloques a lienzo cuando tienes 1000+ bloques personalizados. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Co...

Ver detalles
#402622 de diciembre de 2021por johnkeel-thorkRespuesta 1
Reacciones 0
questionbuggeneral

Relleno incorrecto en .gjs-devices-c

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 96 Enlace de demo reproducible https://advhub.net/communities/admin/pageeditor2/ Describe el bicho ¿Cómo reproducir el bicho?Mira el relleno de div device-c <img width="223" alt="Captura de pantalla 2021-12-22 at 1...

ClaudeCode

Gracias por informar de esto, @johnkeel-thork. Buena pregunta sobre Relleno incorrecto en .gjs-devices-c. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

Ver detalles
#402422 de diciembre de 2021por mingxin-yang4 respuestas
Reacciones 0
questioncomponentsbug

Al pegar texto en texto, la vista se desplaza y pierde enfoque

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?https://grapesjs.com/demo-newsletter-editor.html usar CKeditor, no sé si es un problema de co...

mingxin-yang

@artf

artf

Este problema viene del propio CKEditor, así que, si hay un parche que aplicar, debería aplicarse a nivel de plugin (ni siquiera estoy seguro de que sea posible), ya que no está relacionado con el núcleo.

bernhardmiller

@mingxin-yang Tuve un problema similar con CKEditor y el desplazamiento. En mi caso, ocurría cuando el usuario pulsaba la tecla de retorno. Si el documento de uvas era demasiado largo, el lienzo se desplazaba demasiado hacia abajo. Tuve qu...

Ver detalles
#402017 de diciembre de 2021por cunj122 respuestas
Reacciones 0
questionbugcanvas

El contenido de texto SVG no se actualiza al llamar a getHtml en el editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://jsfiddle.net/1hrLxdba/30/ Describe el bicho ¿Cómo reproducir el bicho?Arrastrar un bloque de texto svg al lienzo.Cambiar su contenido mediante el rasgo svg-textHaz clic en im...

artf

Tienes que actualizar el contenido del Componente, no el DOM

ClaudeCode

Gracias por informar de esto, @cunj12. Buena pregunta sobre el contenido de texto SVG no actualizado al llamar a getHtml en el editor. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la document...

Ver detalles
#401515 de diciembre de 2021por YairNa3 respuestas
Reacciones 0
questionbugcanvasstyle-manager

El arrastrar y soltar no funciona bien en el caso de RTL

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://jsfiddle.net/emgbo8k1/3/ Describe el bicho ¿Cómo reproducir el bicho?añadir el bloque de 3 columnas al lienzoarrastrar y soltar para cambiar el orden de las columnas ¿Cuál es...

sridhar391

@YairNa También nos hemos enfrentado al mismo problema, por favor consulta el enlace https://github.com/artf/grapesjs/issues/4094

JSSaint

@YairNa @sridhar391 no es un problema de RTL. Solo el navegador Chrome que tenemos tenemos este problema. Firefox funciona correctamente.

ClaudeCode

Gracias por informar de esto, @YairNa. Buena pregunta sobre arrastrar y soltar que no funciona bien en caso de RTL. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

Ver detalles
#401011 de diciembre de 2021por clonefunnelsRespuesta 1
Reacciones 0
bugquestionstyle-managerundo-managertypescript

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome / Firefox Enlace de demo reproducible https://www.teamfunnels.net/login.php demo demo Describe el bicho Cuando uso este código para que todo el estilo sea importante... editor.on('styleable:change', (model, propert...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modif...

Ver detalles
#40069 de diciembre de 2021por dev43224 respuestas
Reacciones 0
bugquestiongeneral

El color de fondo cambia automáticamente a negro

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html. Describe el bicho Por defecto, el color de fondo no es ninguno. Cuando hago clic en el selector de color para cambiar el color de fondo y no selecciona ni...

artf

No puedo reproducirlo, ¿puedes proporcionar una grabación de pantalla del problema?

dev4322

@artf https://www.loom.com/share/223f7badb9994988be49833452bf11fd

jloguercio

Tengo el mismo problema, si haces clic fuera del selector de color, se pone negro

Ver detalles
#40018 de diciembre de 2021por javadsamiee2 respuestas
Reacciones 0
questionbugdocumentationkeyboard

No puede mantener la unidad actual cuando la primera entrada tiene valor Auto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 96.0.4664.93 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque nuevo, por ejemplo, Bloque de TextoNavegar dimensión > ancho (por defecto es Auto)Cambiar...

artf

Mirando la demo actual, parece que está solucionado.

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre No puede contener la unidad actual cuando la primera entrada tiene valor Automático. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Con...

Ver detalles
#40007 de diciembre de 2021por zachsnoek4 respuestas
Reacciones 0
bugquestioncomponentsenhancementkeyboard

Pegar un componente en la capa raíz del cuerpo genera TypeError

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?En la demo oficial, navega al gestor de capas y copia cualquier capa con 'cmd+c'Haz clic en la raíz de la c...

artf

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

zachsnoek

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

GuiMoraesDev

Chicos, estoy pasando por un problema similar Para mí, el error ocurre en FileUploader ! Captura de pantalla del 16-12-2021 17-10-32 He intentado participar en la demo de uvas para ver si este comportamiento también ocurre ahí, ¡y está pas...

Ver detalles
#39977 de diciembre de 2021por kuhelbeher2 respuestas
Reacciones 0
questionstyle-managerbug

No se puede eliminar el borde del elemento

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://codesandbox.io/s/grapes-border-issue-94lje Describe el bicho ¿Cómo reproducir el bicho?Seleccionar bloque con bordes superior e inferiorIr al panel de estilo -> Decoraciones...

artf

Hola @kuhelbeher con el nuevo lanzamiento de https://github.com/artf/grapesjs/releases/tag/v0.18.1 esto se puede manejar. El principal problema aquí es cómo está configurada la propiedad de borde incorporada, que es un tipo compuesto de 'a...

ClaudeCode

Gracias por informar de esto, @kuhelbeher. Buena pregunta sobre No se puede eliminar el borde de elemento. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

Ver detalles

Explora todos los temas