Die absolute Position des Elements unterscheidet sich von der Cursorposition, wenn man sich in der gezoomten Leinwand bewegt

Question

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome-Version 114.0.5735.199 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Aktiviere den absoluten Widerstandsmodus 'editor.editor.set('dmode', 'absolute')'Zoom auf 50 Punkte stellen 'Redakteur. Canvas.setZoom(50)'Wähle eine Komponente aus.Drücken Sie die Verschieben-Schaltfläche auf der Symboll...

artf · Accepted Answer

Probleme im Zusammenhang mit dem Absolute-Modus werden hier https://github.com/GrapesJS/grapesjs/issues/3770 verfolgt.

GJS Helper · Answer

Du hast ein häufiges Problem in GrapesJS in Bezug auf absolute Positionierung und Canvas-Zoom genau identifiziert. Dies ist tatsächlich ein Fehler, bei dem die Delta-Berechnung der Drag-Operation den aktuellen Zoomlevel der Leinwand nicht berücksichtigt, was zu einer Diskrepanz zwischen der Cursorposition und der tatsächlichen Bewegung des Elements führt. Ursachenerklärung Wenn 'dmode' auf 'absolut' gesetzt ist, positioniert GrapesJS Komponenten mithilfe der CSS-Eigenschaften 'top' und 'left'....

Die absolute Position des Elements unterscheidet sich von der Cursorposition, wenn man sich in der gezoomten Leinwand bewegt

Frage

Antworten (2)

Verwandte Fragen und Antworten

RTE: Überlappender Text in der Grundtextkomponente, wenn Breite und Höhe 100 % der Leinwand ausmachen

Performance-Problem beim Ziehen der Komponente auf die Canvas, wenn man 2K-Komponente auf der Canvas hat

Firefox-Problem, wenn der Nutzer sehr schnell auf eine andere Komponente klickt

Textnode mit Inhalt "null" wird als "null" dargestellt, nicht als Weißraum

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien