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

1 files changed, 6 insertions, 0 deletions

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)