fix: Use correct way to set initial position of draggable blocks

Otherwise, inline style 'transform' would be set to 0 when first-time
dragging, 'left' and 'top' would affect draggable area.

1 files changed, 4 insertions, 5 deletions

diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index d8349c6..47c629c 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -372,18 +372,17 @@ export const generateMaps = async (container) => {
     }
 
     if (layout === 'overlay') {
-      let x = 0;
-      let y = 0;
+      let [x, y] = [0, 0];
       htmlHolder.blocks.forEach(block => {
         // Add draggable instance
         block.draggableInstance = new PlainDraggable(block, {
           handle: block.draggablePart,
           snap: { x: { step: 20 }, y: { step: 20 } },
-          autoScroll: false,
+          left: x,
+          top: y,
         })
+
         // Set initial postion side by side
-        block.style.left = `${x}px`
-        block.style.top = `${y}px`
         x += parseInt(window.getComputedStyle(block).width) + 50
         if (x > window.innerWidth) {
           y += 200