Problemas con GrapesJS

msftedad

Hola equipo, ¿Alguna novedad sobre este problema?

GJS Helper

Esta es una preocupación válida de accesibilidad. El lienzo del editor de GrapesJS se representa dentro de un elemento <iframe> . Para que los lectores de pantalla identifiquen y anuncien correctamente el propósito de este iframe, necesita...

pierodetomi

Puedo confirmar que veo el mismo problema, y que se debe a que el elemento que desaparece tiene una altura calculada de '0px' (porque usa display: ninguno). Aunque esto es definitivamente un error, como solución temporal puedes evitar usar...

GJS Helper

Esto es, de hecho, un error en la funcionalidad de arrastrar y soltar del panel de Capas de GrapesJS, especialmente al intentar mover componentes que están semánticamente vinculados, como un elemento input con un id y un elemento label con...

lexoyo

Ah, y estaré encantado de contribuir si me dices en qué solución debería centrarme (un comando para reconectar instancias, un método asincrónico para cargar datos de proyectos como hago en Silex, ...) CC @artf

artf

Sí, parece un problema con esa forma de cargar páginas 🤔 No veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera?

lexoyo

sí, parece que hay un problema con esa forma de cargar páginas 🤔, no veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera? Así evita bloquear el hilo principal durante demasiado...

GJS Helper

El problema de congelación que estás encontrando con tu componente personalizado de Lista Dinámica en GrapesJS es un ejemplo clásico de bucle de retroalimentación de eventos. Ocurre porque el escuchador de eventos responsable de actualizar...

GJS Helper

Gracias por reportar este problema y proporcionar una demostración clara y reproducible. El problema que estás encontrando con arrastrar y soltar en el Administrador de Capas tras intentar cambiar su raíz se debe a un uso incorrecto de la...

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.

GJS Helper

Este es un informe válido e importante de error de accesibilidad para la página de demostración de GrapesJS . El problema surge de que la etiqueta de <img> del logo de GrapesJS tiene un atributo de alt vacío, lo que indica incorrectamente...

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/

GJS Helper

El problema que estás experimentando con los elementos que saltan a una posición incorrecta tras moverse y luego interactúan con el redimensionador es un comportamiento conocido relacionado con cómo GrapesJS maneja las propiedades de top y...

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

artf

Gracias por el informe @jsxOverdose Se arreglará en la próxima versión

GJS Helper

Has identificado con precisión un comportamiento específico en GrapesJS donde los estilos en línea parecen anular completamente las reglas CSS basadas en ID, incluso para propiedades no conflictivas. Esto es, de hecho, una desviación de la...

sumasal

Solución temporal para los impacientes:

GJS Helper

Parece que has identificado un error en la rama GrapesJS dev donde el arrastre de componentes sigue siendo posible incluso cuando el editor está en modo previsualización. Esto va en contra del comportamiento esperado, ya que el modo de vis...