Problemas con GrapesJS

mdmontesinos

Me estoy enfrentando a un problema similar, donde el componente reañadido tiene la propiedad de estilos correctos: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcdfc6...

artf

@mdmontesinos tu uso no es correcto, los 'estilos' deben definirse en la definición de componentes, y no se espera que cambien. Además, es incorrecto usar IDs para la definición de componentes si se espera que el componente se reutilice, e...

mdmontesinos

@artf estoy usando un ID porque siempre habrá una instancia única de ese componente en mi proyecto. Mi caso de uso es que un componente está diseñado externamente para usarse como "fondo de fondo" y luego importado a proyectos que lo utili...

derikb

Por si sirve de algo, usé la página de demostración como enlace reproducible, aunque esa página no usa la versión más reciente de grapesjs. Mi código local está usando la versión reciente y muestra el mismo problema.

derikb

Vale, entiendo por qué está pasando. Porque el modal y su entorno son todos un elemento que tiene los eventos asociados, así que un mousedown, arrastrar, mouseup sigue tratándose como clic porque todo está sobre el mismo elemento. Event.ta...

GJS Helper

Gracias por informar de esto, @derikb. Buena pregunta sobre los modales que cierran al acercarse fuera del modal en lugar de un clic completo. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Con...

GJS Helper

Gracias por reportar este problema. Puedo confirmar el error en el que los controles de 'Radio de borde abajo a la izquierda' y 'Radio de borde abajo a la derecha' en el Administrador de Estilos GrapesJS están realmente invertidos, lo que...

GJS Helper

Este es, de hecho, un informe de error válido. YouTube ha actualizado sus requisitos de incrustación y, sin el atributo referrerpolicy="strict-origin-when-cross-origin" en el iframe, los vídeos pueden fallar, mostrando un error o obligando...

GJS Helper

Has identificado con precisión una decisión fundamental de diseño en GrapesJS sobre cómo se manejan los IDs dentro de instancias de símbolos. Este comportamiento, aunque crucial para mantener un HTML válido, presenta desafíos para casos de...

doudou673

Me encontré con el mismo problema.

GJS Helper

El problema que experimentas con enlaces ancla (navegación por hash) que no funcionan en GrapesJS modo de vista previa es un comportamiento común derivado de cómo GrapesJS gestiona las interacciones dentro de su lienzo. En modo edición, Gr...

padcom

Resulta que el segundo parámetro no siempre es el componente sino el emisor del evento, lo que significa que a veces es la colección de componentes que obviamente no tiene el método 'closestType()'. ¡Gracias @artf por explicármelo!

GJS Helper

Parece que puede haber un pequeño malentendido respecto al uso de component.closestType(). Después de revisar los pasos de reproducción y el código proporcionados, component.closestType efectivamente es una función en el objeto component p...

lexoyo

Supongo que es el ¿igual que este bug también?

pierodetomi

No creo que sea el mismo problema. En la que enlazaste, los elementos desaparecen, mientras que en mi caso el Gestor de Capas acaba en un estado en el que ya no puedes mover una capa. Podrían estar relacionados a un nivel superior como "pr...

GJS Helper

Este es un problema conocido en GrapesJS relacionado con cómo las instancias internas del Clasificador (usadas para arrastrar y soltar tanto en el Gestor de Capas como en el Canvas) mantienen su estado tras operaciones complejas de reorden...

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