Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto'

He encontrado una especie de solución... Establece el wrapper de trama .gjs al ancho deseado en CSS y transforma: translate (- x px, 0px) para el iframe en CSS. El lienzo no tiene el ancho correcto entonces (un poco más pequeño), pero todo parece funcionar bien aun así... Sin embargo, no voy a cerrar el problema, ya que se debe a la mala implementación del autor, que podría solucionarlo muy fácilmente, como se ha mencionado antes.

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

Gracias por informar de esto, @Adham380.

El problema con Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto' parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.

Qué probar:

1. Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);

2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos

3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
  Es seguro interactuar con el componente aquí
});

Recomendaciones de siguientes pasos:

• Prueba con la última versión de GrapesJS si no lo has hecho
• Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
• Incluir errores de GrapesJS, de navegador y de consola en tu informe