El método de movimiento no funciona como se espera

Solución para este problema: https://github.com/GrapesJS/grapesjs/pull/5176

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente.

- Índice: 0
{ Componente 1 }
- Índice: 1
{ Componente 2 }
- Índice: 2

Así que, si intentas mover el "Componente 1" en el índice 0 o 1, no pasará nada. Si necesitas moverlo por debajo de "Componente 2" tienes que indicar el índice 2

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente.

- índice: 0
{ Componente 1 }
- índice: 1
{ Componente 2 }
- índice: 2

Así que, si intentas mover el "Componente 1" en el índice 0 o 1, no pasará nada. Si necesitas moverlo por debajo de "Componente 2" tienes que indicar el índice 2

Pero no entiendo el caso de uso ahí. Normalmente 'at' debería tener en cuenta el índice en las últimas versiones. ¿Cómo mover un componente de 0 a índice 1 entonces?

Gracias por informar de esto, @krishnaeverestengineering.

El problema con el método de movimiento no funciona como se esperaba 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