From e1996ae9067555c4b774c8de800d1b4d647c4085 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Fri, 20 Sep 2024 15:58:22 +0800
Subject: feat: enable onscroll event from plain-draggable

ref: https://github.com/anseki/plain-draggable/issues/148

* put CSS properties resize and overflow-y to content of draggable item
* refine CSS for handle animation
---
 src/dumbymap.mjs | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'src/dumbymap.mjs')

diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index bdb7ee8..f8ce1d7 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -231,6 +231,7 @@ export const generateMaps = async (container, callback) => {
     const draggableContainer = block.closest('.draggable-block')
     if (!draggableContainer) return
     htmlHolder.appendChild(block)
+    block.removeAttribute('style')
     draggableContainer.draggableInstance.remove()
     draggableContainer.remove()
   }
@@ -377,6 +378,11 @@ export const generateMaps = async (container, callback) => {
           y += 200
           x = x % window.innerWidth
         }
+
+        const resizeObserver = new ResizeObserver(() => {
+          c.draggableInstance.position();
+        }).observe(c);
+        onRemove(c, () => resizeObserver.disconnect())
       })
     } else {
       dumbyBlocks.forEach(resumeFromDraggableContainer)
-- 
cgit v1.2.3-70-g09d2