Beim Hinzufügen von Komponenten zur Leinwand werden Duplikate im DOM erstellt (aber nicht im Modell)

Question

Wenn ich eine Komponente – zum Beispiel eine Map – auf die Leinwand ziehe, erstellt sie nun drei Kopien dieses Elements im DOM. Das Modell ist jedoch korrekt, und wenn ich den Bildschirm aktualisiere, wird es korrekt gerendert.

Ohne zu versuchen, einen kompletten Sandkasten zu errichten, um sich zu vervielfältigen, hast du schnelle Ideen, was das verursachen könnte?

Danke, Andrew

andrewryan1906 · Accepted Answer

Okay, soweit ich das beurteilen kann, liegt das Problem in Sorter.js und dreht sich um diesen Code: Dieser Code wird von onMove aufgerufen, wann immer du beginnst, eine Komponente auf die Leinwand zu ziehen. Ich sehe, dass man eine temporäre Komponente erstellt und sie dann sofort in der nächsten Zeile entfernt. Das Problem liegt in diesem Codeblock: Aus irgendeinem Grund... wenn model.trigger ausgeführt wird, erzeugt es ZWEI identische Kopien der Komponente; obwohl das toAdd-Array nur eines en...

andrewryan1906 · Answer

Das ganze Problem verschwindet, wenn ich diese Leitung aus meiner Konfiguration entferne: Irgendetwas an dieser Umgebung verursacht dieses Verhalten. Ich verstehe immer noch nicht, was.

artf · Answer

Danke @andrewryan1906 für all die Einblicke, tatsächlich stand die Sortier-Datei schon eine Weile in meiner zu refaktorisieren-Liste, aber ich hatte noch keine Zeit, sie zu bearbeiten... Jedenfalls bin ich immer noch verwirrt, was hier los ist, ich brauche auf jeden Fall eine reproduzierbare Demo, sonst kann ich nicht helfen... und noch eine letzte Sache: Benutzt du die neueste Version von GrapesJS? PS: Wenn die #2493 durch dieses Problem verursacht wird, denke ich, dass du sie schließen kannst

Beim Hinzufügen von Komponenten zur Leinwand werden Duplikate im DOM erstellt (aber nicht im Modell)

Frage

Antworten (3)

Verwandte Fragen und Antworten

Traits treten beim ersten Ziehen einer benutzerdefinierten Komponente auf

Komponenten & Js – Ladevorlage

Render() funktioniert beim ersten Mal, aber nicht bei nachfolgenden Anrufen

Die Leinwand wird dunkel und unveränderbar, wenn man ein großes Stück benutzerdefinierten HTML hinzufügt.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien