Al añadir componentes al lienzo, se crean duplicados en el DOM (pero no en el modelo)

Question

Cuando arrastro un componente —por ejemplo, un Mapa— al lienzo, ahora se crean tres copias de ese elemento en el DOM. Sin embargo, el modelo es correcto y, si actualizo la pantalla, se renderiza correctamente.

Sin intentar montar un sandbox entero para reproducirse, ¿alguna idea rápida de qué podría estar causando esto?

Gracias, Andrew

andrewryan1906 · Accepted Answer

Vale, por lo que puedo ver el problema está en Sorter.js y gira en torno a este código: Este código se llama por onMove cada vez que empiezas a arrastrar un componente al lienzo. Veo que creas un componente temporal y luego lo eliminas inmediatamente en la siguiente línea. El problema está en este bloque de código: Por alguna razón... cuando se ejecuta model.trigger, crea DOS copias idénticas del componente; aunque el array toAdd solo contiene uno. No entiendo por qué dispara dos veces... Pero...

andrewryan1906 · Answer

Todo este problema desaparece cuando elimino esta línea de mi configuración en el init: Algo en ese entorno causa este comportamiento. Todavía no entiendo qué.

artf · Answer

Gracias @andrewryan1906 por todos los aportes, de hecho el archivo Sorter estuvo en mi lista de por refactor durante un tiempo, pero aún no encontré tiempo para gestionarlo... De todas formas, sigo confundido sobre lo que está pasando, seguro que necesito que crees una demo reproducible, si no no puedo ayudarte... Y una última cosa, ¿estás usando la última versión de GrapesJS? PD: si el #2493 es causado por este problema, creo que puedes cerrarlo

Al añadir componentes al lienzo, se crean duplicados en el DOM (pero no en el modelo)

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Componentes y Js - Plantilla de carga

Grapesjs se vuelve nulo cuando permite script

PREGUNTA: Pulsar la tecla Retroceso o Suprimir en el panel de rasgos elimina el elemento del lienzo

No se puede desplazar todo el lienzo con el zoom activado

Plugins de pago que cumplen con este problema

Explorar categorías de plugins