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
#414517 de febrero de 2022por lofcz2 respuestas
Reacciones 0

0.18.3 edición de texto no se activa para los componentes de texto > enlace

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en el componente "Soy texto". ¿Cuál es el comportamiento actual? A...

artf

Sí, veo el problema. Hacer doble clic en elementos de texto (span, i...) dentro de un centro cambia el foco al elemento padre en lugar de abrir rte para el elemento seleccionado Con la nueva lógica implementada para la vista de componentes...

ClaudeCode

Gracias por informar de esto, @lofcz. Buena pregunta sobre 0.18.3 la edición de texto que no se activa para los componentes de enlace > texto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consult...

#413812 de febrero de 2022por yadavAtIrisdame4 respuestas
Reacciones 0

Comportamiento inesperado en el gestor de estilo

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.35.101 Chromium: 98.0.4758.87 (Versión oficial) (64 bits) ! acolchadoEnlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsDescribe el bicho ¿Cómo reproducir el bicho?Dejar caer el c...

artf

Gracias por el informe @yadavAtIrisdame pero no puedo reproducirlo ni de tu demo ni de la oficial. ¿Puedes describir los pasos exactos?

yadavAtIrisdame

@artf No puedo reproducir este error. en la mayoría de los casos, The Style Manager funciona como se espera. Pero, de repente, empiezan a comportarse como (como se muestra en la imagen). Especialmente en las propiedades de margen y acolcha...

artf

Lo siento, pero desafortunadamente sin la demo reproducible adecuada, no puedo hacer mucho. Estaré encantado de arreglarlo si alguien puede proporcionar los pasos reproducibles.

#41369 de febrero de 2022por m-jojo-s2 respuestas
Reacciones 1

Component.remove() en 'component:mount' no elimina la vista renderizada

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 98.0.4758.80 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/Lsjhxczp/10/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gancho component:mount para retirar el compo...

artf

Sí, el problema aquí es que el nodo DOM está creado pero aún no se ha añadido al padre. Puedes aplazar la eliminación mediante setTimeout, pero eso seguirá activando la imagen. Probablemente moveré ese evento una vez que se añada el nodo.

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre component.remove() en 'component:mount' no elimina la vista renderizada. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la...

#41275 de febrero de 2022por jcsoftsRespuesta 1
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 97.0.4692.99 (Versión oficial) (x86_64) Enlace de demo reproducible no Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual? Aparecen...

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre *. 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étodo del oye...

#41161 de febrero de 2022por saudAtIrisdame4 respuestas
Reacciones 0

Flex Property no funciona en el gestor de estilo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 1.34.81 Chromium: 97.0.4692.99 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe el bicho ! Propiedad Flexible ¿Cómo reproducir el bicho?crear un com...

Vac1911

Diagnosticé el problema tras encontrar el mismo problema por mi cuenta. Mirando 'StyleManager.select()' https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 En la línea 369, ca...

saudAtIrisdame

@Vac1911 @artf Lo entiendo, pero ¿cuál es la solución, cómo puedo solucionar este problema? ¿Es este problema de Grapejs o mío?

Vac1911

@saudAtIrisdame Parece que es un problema de Grapejs. Lo arreglé yo mismo cambiando el código fuente, reordenando el método 'select' para comprobar la visibilidad al final. Aquí está el archivo dist después de ejecutar 'build:js' https://g...

#411028 de enero de 2022por cusmai3 respuestas
Reacciones 0

Los eventos de AssetManager no funcionan

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho Los eventos de AssetManager no se activan. El archivo se carga correctamente pero los eventos no se notifican: '''js Listadores de eventos de activos editor.on('Asse...

timramseyjr

@cusmai ¿Llegaste a entender esto? Estoy recibiendo 'activo:abierto' y 'activo:cerrar', pero tampoco recibo ninguno de los eventos que mencionaste. Estoy usando lo siguiente y los dos eventos que mencioné son los únicos eventos relacionado...

ALTITUDE-DEV-FR

Lo mismo para mí no trabajar :(

ClaudeCode

Gracias por informar de esto, @cusmai. El problema con los eventos de AssetManager que no funcionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del ciclo...

#409925 de enero de 2022por jloguercio2 respuestas
Reacciones 0

"Usando draggableComponents: false" todavía arrastra (¿clona?) algunos elementos si intento editar texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible https://jsfiddle.net/809enL2w/1/Describe el bicho Yo uso domComponents: { draggableComponents: false }, para evitar arrastrar componentes solo cuando arrastras con la flecha en la barra...

artf

Sí, parece que el D&D nativo de HTML5 sigue funcionando con la selección de texto, intentaré arreglarlo.

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con "Usando draggableComponents: false" sigue arrastrando (¿clonando?) algunos elementos si intento editar texto parece ser una condición de carrera o un problema de gestión de estado....

#409724 de enero de 2022por Joshmamroud3 respuestas
Reacciones 1

MousePosFetcher en el listener de reizer config & change:style no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave V1.34.81 Enlace de demo reproducible https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de cuadrícula al lienzoRedimensionar una columnaFíjate que los registro...

artf

Hola @Joshmamroud CBs deben llamarse cuando se llama a mousePosFetcher Eso no ocurre porque las opciones 'redimensionables' no se pasen directamente al Resizer, sino a través del comando 'redimensionar'. Puedes ver que MousePosFetcher ahí...

Joshmamroud

¡Gracias @artf! Tiene sentido.

ClaudeCode

Gracias por informar de esto, @Joshmamroud. Buena pregunta sobre mousePosFetcher en el oyente de configuración y cambio de estilo del resizedor. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Cons...

#409422 de enero de 2022por sridhar3914 respuestas
Reacciones 0

Cuando arrastro y suelta bloques en el editor de Chrome, no se puede arrastrar y soltar bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 97.0.4692.71 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar los bloques básicos en el editor ¿Cuál es el compo...

artf

No veo problemas en mi parte (última versión de Chrome).

sridhar391

@artf Estamos usando el sistema operativo Ubuntu con la última versión del navegador Chrome, por favor danos un ejemplo de cómo depurar para la función de arrastrar y soltar y dinos si hay alguna función de callback llamada mientras se blo...

Vac1911

También estoy usando Ubuntu + Chrome y tengo el mismo problema en la demo, los ejemplos en la documentación y una versión instalada localmente. Aquí tienes el mensaje de error que me está apareciendo: Nota: no importa en qué bloque suelte,...

#408320 de enero de 2022por henzigo4 respuestas
Reacciones 1

Establecer raíz no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 15.0Enlace de demo reproducible https://jsfiddle.net/adw6y12f/9/Describe el bicho Hola, Estoy intentando establecer el componente raíz para el editor tal y como se describió aquí. Desafortunadamente, esto no funciona...

artf

Sí, el módulo LayerManager en sí no tiene documentación. De hecho, está en lista de espera para la refactorización y, una vez terminada, podremos publicar más sobre su uso y la documentación de la API. En fin, he visto tu mensaje anterior...

artf

Sí, veo el problema con la configuración raíz en LayerManager. La solución temporal sería activar el cambio de raíz al renderizar el panel de capas: '''js editor.on('run:core:open-layers', () => editor. Layers.setRoot('#editable')); ``` Pe...

henzigo

Gracias por tu respuesta. Sería bueno tener algo de documentación sobre qué es el elemento 'raíz', porque solo las menciones están en relaciones públicas o en números.

Explora todos los temas