Issue #2423Opened November 23, 2019by MartinPutz0 reactions

[BUG] In absolute dragmode the components are not dropped properly if zoom is applied

Question

Components are not dropped to the exact position if dragmode set to absolute and there is a zoom value applied on the canvas.

GrapesJS version:0.15.8

The issue can be reproduced in the demo as well: https://jsfiddle.net/y8m1x4a3/

Expected behavior: Components can be dropped to the cursor position even if the dragmode is set to absolute and a zoom is applied on the canvas.

Current behavior: When dragmode is absolute and there is a zoom value, the components are dropped away from the cursor position. (the distance/offset depends on the zoom level)

Steps to reproduce:

  1. Open jsfiddle above (with editor.Canvas.setZoom(50))
  2. Try to add a new text component
  3. Check the distance between the cursor position and the component's position.

The distance/offset depends on the zoom value.

The editor.Canvas.setZoom function uses a transform:scale() CSS property and then the 'drop' position is not accurate anymore.

Answers (2)

artfNovember 27, 20190 reactions

Should be fixed in this branch https://github.com/artf/grapesjs/tree/multi-frame Multi framing is still far from being complete but I hope to merge soon that branch (big canvas refactoring but without breaking changes), definitely not for this release (should be published this days) but probably in the next one.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.